/*******************************************/
/*           Table of Contents             */
/*******************************************/
/*
    Laird 1. Global Styles
    Laird 2. Header Styles
    Laird 3. Footer Styles
    Laird 4. Main Navigation Styles
    Laird 5. Homepage Styles
    Laird 6. About Page Styles
    Laird 7. Products Overview Styles
    Laird 8. Products Page Styles
    Liard 9. Contact Page Styles
    Laird 10. Forum Styles
    Laird 11. Resources Overview Styles
    Laird 12. Resources Page Styles
    Laird 13. Search Styles
*/


/*******************************************/
/*   Global Styles
/*******************************************/

table th,
table td {
    padding: 0.5em;
}

table tbody tr:nth-child(even) {
    background: #e6e6e6;
}

table td .indent {
    padding-left: 30px;
}

/*******************************************/
/*   Header Styles
/*******************************************/

body { background:#da0000; background:#FFF; }

.blur-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px; /* Adjust as needed */
  z-index: 50;

  /* Background needs some transparency to enable blur */


  /* Blur effect */
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);

  /* Gradient blur mask (fade from no blur to full blur) */
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0px,
    black 50px,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    black 0px,
    black 50px,
    transparent 100%
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

nav.main {
  position: fixed;
  top: 1em;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;

  z-index: 60;
  font-size: 1em;
  width: 100%;
  padding:0 1em ;
  
  
}


nav.main .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(34, 34, 34, 1);
  color: #fff;
  max-width: 1600px;
  width: 100%;
  border-radius: 2em;
  padding: 0em 2em;
  box-sizing: border-box;
  position:relative;
  transition: background-color 2s ease;
}
body.selector nav.main .container,
body.selector nav.main .menu-dropdown {
  max-width:100%;
}
body.selector nav.main {
  padding-left:1em !important;
}
aside.selectors {
  padding-top:6em !important;
}

nav.main .container:hover {
  background-color: rgba(28, 28, 28, 1);
  
}

nav.main .logo img {
  height: 2.5em;
}

nav.main .menu {
  display: flex;
  gap: 2em;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  flex-grow: 1;
}




nav.main .item > a {
  color: #fff;
  text-decoration: none;
  padding: 1.2em 0.5em;
  display: inline-block;
  font-size: 1.1em;
  position: relative;
  z-index: 1;
  background: none;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 0.3em; /* squash height here */
  transition: background 0.3s ease;
  font-weight:bold;
}

nav.main .item > a.current {
  background-image: radial-gradient(ellipse at center bottom, rgba(233, 226, 216, 0.6) 0%, transparent 70%);
}
nav.main .item.open > a {
  background-image: radial-gradient(ellipse at center bottom, rgba(218, 0, 0, 0.6) 0%, transparent 70%);
  color: #da0000;
}
nav.main .item:hover > a {
  background-image: radial-gradient(ellipse at center bottom, rgba(218, 0, 0, 0.6) 0%, transparent 70%);
  color:#da0000;
}

nav.main .menu-dropdown {
  position: absolute;
  font-size:0.9em;
  top: 2em;
  left: 0;
  width: 100%;
  max-width: 1600px;
  background-color: rgba(34, 34, 34, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  box-sizing: border-box;
  padding: 0 0; /* Start collapsed */
  max-height: 0;
  opacity: 1;
  overflow: hidden;
  scrollbar-width: none; /* Hide scrollbar in Firefox */
  -ms-overflow-style: none; /* Hide scrollbar in IE */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on trackpads/touch devices */
  pointer-events: none;
  transition:
    max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.3s ease,
    opacity 0.4s ease,
    background-color 1s ease;
  z-index: -1;
}


nav.main .item.open .menu-dropdown {
  opacity: 1;
  max-height: 80vh;
  padding: 3em 0 2em;
  pointer-events: auto;
  background-color: rgba(34, 34, 34, 0.9);
  overflow: auto;
}

nav.main .item.open .menu-dropdown ul {
  opacity: 1;
}



nav.main .menu-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  opacity:0;
  transition: opacity 0.2s ease;
}
nav.main .item:hover .menu-dropdown ul {
 opacity:1; 
}

nav.main .menu-dropdown > ul {
  display: flex;
  justify-content: center;
  gap: 2em;
  flex-wrap: wrap;
  max-width: 100em;
  margin: 0 auto;
  padding: 0 2em;
}

nav.main .menu-dropdown ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0.75em;
  border-radius:1.25em;
  position:relative;
  padding-right:2em;
}
nav.main .menu-dropdown ul li a.current {
  color:#da0000;
}
a.arrow-button { position:relative; padding-right:2.6em; }
nav.main .menu-dropdown ul li a:after,
a.arrow-button:after {
  content: '\e837';
  position:absolute;
  right:1.5em;
  top:50%;
  margin-top:-0.5em;
  font-family: "fontello";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height:1em;
  opacity:0;
  transition: opacity 0.2s ease, right 0.2s ease;
  color:#da0000;
}
a.arrow-button:after {
  opacity:1;
  right:1em;
}
a.button.orange.arrow-button:after {
  color:#FFF;
}

nav.main .menu-dropdown ul li a:hover:after {
  opacity:1;
  right:0.5em;
}

nav.main .menu-dropdown ul li a:hover {
 
}

nav.main .menu-dropdown > ul > li {
  min-width: 12em;
  padding:1em 0;
}

nav.main .menu-dropdown > ul > li > a {
  font-size: 1.2em;
  font-weight:bold;
  background:transparent;

}
nav.main .menu-dropdown > ul > li > a:hover {
  background:transparent;
}

nav.main .menu-dropdown > ul > li a.cta {
  background:#da0000;
  padding-right:2.6em;
  padding-left:1em;
}
nav.main .menu-dropdown > ul > li a.cta.current {
  color:#FFF;
  background:#da0000;
}
nav.main .menu-dropdown ul li a.cta:hover:after {
  color:#FFF;
  right:1em;
}

nav.main .menu-dropdown > ul > li > ul {
  border-top:2px solid #da0000;
  padding-top:0.5em;
}

nav.main .menu-dropdown > ul > li > ul a {
  font-size:0.9rem;
}

nav.main .icons {
  display: flex;
  align-items: center;
}

nav.main .icons ul {
  display: flex;
  list-style: none;
  gap: 1em;
  margin: 0;
  padding: 0;
}

nav.main .icons a {
  color: #fff;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.4em;
  font-size:1.2em;
}
nav.main .icons a:hover {
  color:#da0000;
}
nav.main .icons span { display:none; }
nav.main .icons .icon-bag div {
  position: absolute;
  top: -0.4em;
  right: -0.6em;
  background: #da0000;
  color: #fff;
  border-radius: 1em;
  padding: 0.2em 0.5em;
  font-size: 0.6em;
}

/* Mobile styles */
nav.main.mobile .container {
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5em;
  border-radius: 1.75em;
  position:relative;
}

nav.main.mobile .menu {
  flex-direction: column;
  width: 100%;
  display: none;
  gap: 0;
  margin-top: 1em;
}

nav.main.mobile .menu.active {
  display: flex;
}

nav.main.mobile .item > a {
  padding: 1em;
  width: 100%;
  border-radius: 1em;
  text-align:center;
}

nav.main.mobile .icons {
  position:absolute;
  right:0.5em;
  top:1.75em;
  margin-top:-0.5em;
  justify-content: flex-end;
  width: 50%;
}

nav.main .hamburger {
  display: none;
  cursor: pointer;
  margin-left: auto;
}

nav.main.mobile .hamburger {
  display:block; 
}
nav.main.mobile .hamburger a:before {
  background:#FFF;
  color:#1a1a1a;
  border-radius:100%;
  padding:0.5em;
  margin-top:-0.5em;
}
nav.main.mobile .hamburger a:hover:before {
  background:#da0000;
  color:#FFF;
}

nav.main.mobile .item {
  width: 100%;
}

nav.main.mobile .menu-dropdown {
  position: static;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: none;
  z-index: auto;
}

nav.main.mobile .item.open .menu-dropdown {
  max-height: 60vh;
  opacity: 1;
  overflow: auto;
  pointer-events: auto;
  padding: 1em 0;
}

nav.main.mobile .menu-dropdown > ul {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 1em;
  gap: 0.5em;
  width:100%;
}
nav.main.mobile .menu-dropdown > ul > li {
  width:100%;
}

nav.main.mobile .menu-dropdown ul li a {
  padding: 0.75em 1em;
  font-size:1.1em;
  width: 100%;
}

nav.main.mobile .menu-dropdown ul li a:after {
  display: none;
}

/* Sub Navigation */
.sub-nav {
    position: fixed;
    top: 2.75em;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 55;
    font-size: 1em;
    width: 100%;
    padding: 0 1em;
}

.sub-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1580px;
    margin: auto;
    background: #e9e2d8;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    padding:0;
    width:100%;
    max-height:0;
    overflow:hidden;
    transition:
    max-height 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.5s ease;
}

body.has-sub-nav .sub-nav-container {
  max-height:100%;
  padding:2em 2em 0;
}

.sub-nav .nav-container {
    flex-grow: 1;
    margin: 0 1rem;
    overflow: hidden;
    position: relative;
    justify-content: left;
}

.sub-nav .nav-items {
    display: block; /* Horizontal alignment */
    white-space: nowrap; /* Prevent wrapping */
    overflow-x: auto; /* Enable horizontal scrolling */
    overflow-y: hidden;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in IE */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on trackpads/touch devices */
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.sub-nav .nav-items::-webkit-scrollbar {
    display: none; /* Hide scrollbar in Chrome/Safari */
}

.sub-nav b {
    font-size: 1.4em;
    white-space: nowrap;
    color: #1a1a1a;
}

.sub-nav b a {
  color:#1a1a1a;
  transition: color 0.3s;
}
.sub-nav b a:hover {
  color:#da0000;
}

.sub-nav .nav-items li {
    display: inline-block;
    white-space: nowrap;
    max-width: 200px; /* Optional: limit width per item */
    vertical-align: bottom;
    font-size:0.9em;
}

.sub-nav .nav-items li a {
    text-decoration: none;
    color: #1a1a1a;
    transition: color 0.3s, border-bottom 0.3s;
    padding: 1em 0.75em;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    display: block;
    
    /* NEW: ellipsis styling */
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    /* Optional: helps alignment */
    vertical-align: bottom;
}

/* Optional: show full title on hover via native browser tooltip */
.sub-nav .nav-items li a[title] {
    cursor: help;
}

.sub-nav .nav-items li a:hover {
    color: #da0000;
    border-bottom: 2px solid #da0000;
}

.sub-nav .nav-items li a.active,
.sub-nav .nav-items li a.current {
    font-weight: bold;
    color: #1a1a1a;
    border-bottom: 2px solid #da0000;
}

/* Left and right fade effects */
.sub-nav .nav-container::before,
.sub-nav .nav-container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    pointer-events: none;
    z-index: 1;
}

.sub-nav .nav-container::before {
    left: 0;
    background: linear-gradient(to right, #e9e2d8, transparent);
    display: none;
}

.sub-nav .nav-container::after {
    right: 0;
    background: linear-gradient(to left, #e9e2d8, transparent);
    display: none;
}

.sub-nav .nav-container.show-left-fade::before {
    display: block;
}

.sub-nav .nav-container.show-right-fade::after {
    display: block;
}

/* Actions */
.sub-nav .actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.sub-nav .actions a {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sub-nav .actions .icon-star {
    font-size: 1.2rem;
    display: inline-block;
}

.sub-nav .button { margin:0.25em; }


/*******************************************/
/*   Footer Styles
/*******************************************/

.hidden-account-info { display:none; }

footer.footer { background: #1a1a1a; padding:2em 1em; text-align:center; }
footer.footer ul { list-style: none;  }
footer.footer li { display:inline-block; padding:0.5em 1em; }
footer.footer a { color:#FFF; }
footer.footer a:hover { color:#da0000; }

footer.footer ul.legal { font-size:0.8em; margin-top:2em; }
footer.footer ul.legal a { color:#AAA; }
footer.footer ul.legal a:hover { color:#da0000; }

footer.footer p { color:#a7a8a9; font-size:0.8em; padding:1.4em 1rem; }

footer.footer .block-webform-block { display:none; }
footer.footer .block-views-blockcontact-blocks-block-1 { display:none; }

footer.footer .footer-content { display: flex; flex-wrap: wrap; justify-content: left; max-width:1200px; margin:1em auto; }
footer.footer .footer-content ul { margin: 1em 0; width:20%; min-width:200px; line-height:130%; }
footer.footer .footer-content ul li { display:block; text-align:left; }
footer.footer .footer-content h4 { color:#dfd5c8; font-size:1.2em; }

footer.footer .newsletter-cta h4 { color:#da0000; margin:0; padding:0; }


footer.footer .newsletter-cta > div {
  flex: 1 1 calc(33.333% - 1rem); /* Each child takes one-third of the space */
  max-width: 100%;
  box-sizing: border-box; /* Include padding/borders in width calculation */
  text-align: center; /* Center text within each child (optional) */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Adjust based on layout needs */
  align-items: center; /* Align items vertically */
  gap: 1rem; /* Add spacing between elements */
  max-width:1200px;
  margin:auto;
  padding:0.5em 0.75em;
  background:#FFF;
  color:#1a1a1a;
  border-radius:2em;
}

footer.footer .newsletter-cta h4 {
padding:0.5em;
}

footer.footer .newsletter-cta p {
color:#1a1a1a;
font-size:1rem;
padding:0;
}

footer.footer .newsletter-cta .button {
  display: inline-block;
  margin:0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  footer.footer .newsletter-cta {
    flex-direction: column;
  }

  footer.footer .newsletter-cta > div {
    flex: 1 1 100%; /* Full-width on mobile */
  }
}

ul.social-links { max-width:200px; padding:0; margin:3em auto 1em; text-align:center; }
ul.social-links li { display:inline-block; width:31% !important; padding:0; margin:0; }
ul.social-links li:before { display:none; }
ul.social-links li a { display:block; width:100%; color:#FFF; }
ul.social-links li a:before { font-size:1.6em; text-align:center; }
ul.social-links li a:hover { color:#da0000; } 
ul.social-links li a span { display:none }

#drupal-live-announce { height:0; }
/*******************************************/
/*   Main Content
/*******************************************/

/* TEMPORARILY HIDE PANELS QUICK EDIT BAR TO AVOID GLITCHES */
/* #panels-ipe-tray { display:none; } */

main.main { padding:4rem 0 5em 0; position:relative; background:#FFF; min-height:50vh; }
body.sidebar main.main { padding:4rem 0 2em 14rem; }




main.main { padding-top:0; padding-bottom:0; }


h1 { font-size:2.7em; font-size: 3.2em; }
h2 { font-size:2em; color: #1a1a1a; }
h3 { font-size:1.4em; line-height:1.2; }
h4 { font-size:1.2em; line-height:1.2; }
h5 { font-size:1.1em; }
h6 { font-size:1em; }
h1, h2, h3, h4, h5, h6 { margin-bottom:0.25em;  }


h3.side-lines { text-align: center; overflow:hidden; }
h3.side-lines span { display: inline-block; position: relative; }
h3.side-lines span:before,
h3.side-lines span:after { content: ""; position: absolute; height: 0; border-bottom: 1px solid #da0000; border-top: 1px solid #da0000; top: 0; width: 600px; top:50%; margin-top:-1px; }
h3.side-lines span:before { right: 100%; margin-right: 1em; }
h3.side-lines span:after { left: 100%; margin-left: 1em; }

.sutro-double .block h2,
.sutro-double .block h2.line,
.paragraph h2.line { text-align:center; margin-top:2rem; color:#1a1a1a; }

/*
.sutro-double .block h2:after,
.sutro-double .block h2.line:after,
.paragraph h2.line:after { content:" "; height:3px; background:#da0000; max-width:5em; width:100%; display:block; margin:0.75rem auto; }
*/

.alert { margin:auto; position: fixed; left: 0; top: 4em; z-index: 80; width: 100%; }
body.toolbar-fixed .alert { top:8em; }
body.toolbar-fixed.toolbar-tray-open .alert { top:9em; }
.alert a.icon-cancel { position:absolute; cursor:pointer; right:1em; top:0.75em; font-size:1.4em; text-decoration: none; }
.alert a.icon-cancel span { display:none; }
.alert .item-list {margin:0.5em 1em; padding:1em 0.5em; padding-right:2.4em; background:#1a1a1a; color:#FFF; border-radius: 0.25em; list-style:none; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); }
.alert .item-list li + li { margin-top:0.5em; }
.alert a { color:rgba(255,255,255,0.6); text-decoration: underline; font-weight: bold; font-style: normal; }
.alert a:hover { color:#FFF; }
.alert .item-list { padding-left:2em; position:relative; line-height: 1.2em; }
.alert .item-list:before { position:absolute; top:1em; left:0.5em; display:block; }
.alert.success .item-list { background: #dfd5c8; color:#1a1a1a; }
.alert.error .item-list { background: #da0000; }
.alert.fatal .item-list { background: #CC0000; }

.tab, .block-local-tasks-block a { display:inline-block; margin:0 0.25em 1em; font-size:1em; padding:1em; text-align:center; min-width:10em; font-weight:bold; color:#da0000; cursor:pointer; border:0; border-bottom:2px solid #e6e6e6; }
.tab:hover, .block-local-tasks-block a:hover { border-color:#da0000; color:#e41e1e; }
.tab.selected, .block-local-tasks-block a.is-active { border-color:#da0000 !important; color:#da0000 !important; }

.block-local-tasks-block ul { text-align: center; padding-right:2em; overflow-x: auto; white-space: nowrap; }
.block-local-tasks-block ul li { display:inline-block; list-style: none; }

.block-local-tasks-block { position:fixed; bottom:0; left:0; background:#FFF; width:100%; z-index:50; box-shadow: 0px -10px 20px -2px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 2px; font-size:0.9em;  }
/* .block-local-tasks-block:nth-of-type { display:none; } */
.block-local-tasks-block a { border-bottom:0; margin-bottom:4px; min-width:6em; border-top:4px solid #FFF; }
.block-local-tasks-block a:hover { background: #e6e6e6; border-color:#e41e1e; }

.path-user .block-local-tasks-block { position:relative; box-shadow:none; }

body.toolbar-fixed footer.footer { padding-bottom:5em; }

#panels-ipe-tray { display:none; }
main.main .padded { padding:0 2rem; }

main.main p { line-height:150%; margin:1em 0;}
main.main ul { padding-left:2em; }
main.main .view ul { padding-left:0; list-style: none; }

a.anchor { display: block; position: relative; top: -140px; visibility: hidden; }

main.main .block-page-title-block { margin:auto; padding:9em 2rem 5em; background:#1a1a1a; color:#FFF;  text-align: left; }

body main.main .block-page-title-block { transition: padding 0.7s ease; }
body.has-sub-nav main.main .block-page-title-block { padding-top:10em; }

.block-page-title-block h1 { margin:0; max-width:1200px; margin:auto; font-size:3.2em  }
.block-page-title-block h2 { color:#FFF; margin:0; max-width:1200px; margin:auto; }

.block-page-title-block p { max-width:1200px; width:100%; margin:auto !important; }

.block-page-title-block .description { position:relative; max-width:1200px; margin:auto; z-index:2; text-align:left; margin-top:1em; }
.block-page-title-block .description p { max-width:800px; margin:0 !important; }
.block-page-title-block .description li { margin-bottom:0.5em; }

#block-view-regions { display:none; }

.breadcrumb { width:100%; max-width:1200px; margin:0 auto 0.5rem; font-size:0.9em; }
.breadcrumb ol { list-style: none; display:flex; flex-wrap:wrap; justify-content: left; }
.breadcrumb li {  padding-right:1em; }
.breadcrumb li:first-of-type { display:none; }
.breadcrumb li:after { content: "\e80e"; font-family: "fontello"; padding-left:0.5em; opacity:0.6; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center;  font-variant: normal;  text-transform: none;  line-height: 1em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.breadcrumb a { color:#dfd5c8; }
.breadcrumb a:hover { color:#FFF; }

table.sorter .tablesorter-header { position:relative; padding-left:1.6em; cursor:pointer; border-bottom:2px solid #e6e6e6; }
table.sorter .tablesorter-header:before, table.sorter .tablesorter-header:after { font-size:0.8em; content: '\e811'; font-family:"fontello"; position:absolute; left:0.5em; top:0.75em; color:#1a1a1a; text-align:center; line-height:0.8em; width:1em; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
table.sorter .tablesorter-header:after { content: '\e810'; bottom:0.75em; top:auto;  }
table.sorter .tablesorter-header.tablesorter-headerDesc, table.sorter .tablesorter-header.tablesorter-headerAsc { color:#da0000; }
table.sorter .tablesorter-header.tablesorter-headerDesc:before, table.sorter .tablesorter-header.tablesorter-headerAsc:after { color:#da0000; }
table.sorter .tablesorter-header.tablesorter-headerAsc:before, table.sorter .tablesorter-header.tablesorter-headerDesc:after { color:#e6e6e6; }
table.sorter .tablesorter-header:hover { color:#e41e1e; border-color:#da0000; }

table.sorter .sorter-false:before,
table.sorter .sorter-false:after  { display:none; }
table.sorter .sorter-false:hover { color:inherit; border-color:#e6e6e6; }
table.sorter .sorter-false { cursor:default; }

.radix-layouts-header { box-shadow: 0px 10px 20px -2px rgba(0,0,0,0.1); position: relative; }


.stat-box { border:0.8em solid #da0000; font-size:1.4em; padding:15% 0.5em; display: flex; align-items: center; justify-content: center; text-align: center; }
.stat-box b { font-size:3em; line-height:1em; }
.stat-box p { margin:0 !important; }

.bg-blue .stat-box,
.bg-image.dark .stat-box { border-color:#FFF; }

form.user-login-form, form.user-pass { max-width:800px; margin:auto; }
form.user-register-form{ max-width:1200px; margin:auto; }

.contextual-region .contextual .contextual-links { display:none; }

.grecaptcha-badge { box-shadow: none !important; display:none !important; }
.grecaptcha-badge .grecaptcha-logo { opacity:0;  -webkit-transition: all .4s ease !important; -moz-transition: all .4s ease !important; -o-transition: all .4s ease !important; transition: all .4s ease !important; }
.grecaptcha-badge.show .grecaptcha-logo {  opacity:1; }

.license-agreement { margin-top:0.5rem;}
.license-agreement .agreement-title { font-weight:bold; }
.license-agreement .agreement-content { font-size:0.8em; overflow:auto; max-height:300px; border: 2px solid #e6e6e6; padding: 2rem; margin:0.5rem 0 2rem; box-shadow: inset 0 8px 10px rgba(0,0,0,0.2); background: #e6e6e6; border-radius: 0.5em; }
.license-agreement .agreement-content h1,
.license-agreement .agreement-content h2,
.license-agreement .agreement-content h3,
.license-agreement .agreement-content h4 { padding:0.5rem 0 !important; }
.license-agreement .agreement-content h1 { font-size:2em; }
.license-agreement .agreement-content h2 { font-size:1.6em; }
.license-agreement .agreement-content h3 { font-size:1.4em; }
.license-agreement .agreement-content h4 { font-size:1.2em; }
.license-agreement .agreement-content li { margin:1em 2em; line-height:1.2em }
.license-agreement .agreement-content p { line-height:1.2em }
.form-description { padding-left:1em; padding-right:1em; }
.form-description p { padding:0.5em 0; line-height:1.5em; }
.form-description { display:none; }
.form-description.show { display:block; }

#modal .agreement-body { padding:2em; max-width:1200px; margin:auto;}

/*******************************************/
/*   Homepage Styles
/*******************************************/

.homepage-categories { display:flex; flex-wrap:wrap;   justify-content: center; margin:0; padding-left:0 !important; }
.homepage-categories li { padding:0.5em; text-align:center; width:20%; }
.homepage-categories li:before { display:none; }
.homepage-categories li a { display:block; color:#1a1a1a; font-weight:bold; font-size:1.4em; border-radius:1em; padding:0 0.5em 1em 0.5em; max-width:220px; border: 1px solid transparent; transition: all .2s ease, box-shadow .2s ease, border .2s ease;}
.homepage-categories li a:hover { background:#FFF; box-shadow: 0 0 0.5em rgba(218, 0, 0, 0.2); border-color: #da0000;  }
.homepage-categories img { max-width:140px; display:block; margin:auto; margin-bottom:0.25em; }

@media only screen and (max-width:1200px) {
  .homepage-categories li { width:33.3%; }
}
@media only screen and (max-width:800px) {
  .homepage-categories li { width:50%; }
}
@media only screen and (max-width:600px) {
  .homepage-categories li { width:100%; text-align:left; padding:0; }
  .homepage-categories li a { max-width:100%; padding:0.5em; }
  .homepage-categories img { display:inline-block; width:40%; vertical-align:middle; margin-bottom:0; }
  .homepage-categories span { display:inline-block; width:60%; vertical-align:middle; padding-left:0.5em; }
}





/* Alternate stacked version */
.homepage-categories.stacked {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding:0 !important;
}

.homepage-categories.stacked li {
  padding: 0.5em;
  width: 33%;
  text-align: left;
margin:0;
}

.homepage-categories.stacked li:before {
  display: none;
}

.homepage-categories.stacked li a {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  font-weight: bold;
  font-size: 1.1em;
  border-radius: 1em;
  padding: 0.5em 2em 0.5em 0.5em;
  border: 1px solid transparent;
  transition: all .2s ease, box-shadow .2s ease, border .2s ease;
  max-width: 100%;
  background:rgba(255,255,255,0.4);
  position:relative;
}

.homepage-categories.stacked li a:after {
  content: '\e837';
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:absolute;
  right:1em;
  top:50%;
  margin-top:-0.5em;
  color:#1a1a1a;
  font-size:0.8em;
  transition: all .2s ease;
  opacity:0.3;
}
.homepage-categories.stacked li a:hover:after {
  color:#da0000;
  opacity:1;
}

.homepage-categories.stacked li a:hover {
  background: #FFF;
  box-shadow: 0 0 0.5em rgba(218, 0, 0, 0.2);
  border-color: #da0000;
}

.homepage-categories.stacked img {
  max-width: 32%;
  height: auto;
  margin:0 0.75em 0;
  display: block;
}


@media only screen and (max-width:800px) {
  .homepage-categories.stacked li {
    width: 100%;
  }
  .homepage-categories.stacked img {
    max-width: 60px;
  }
}


body.homepage .block-region-header { position:relative; background:#da0000; color:#FFF; padding:6rem 2rem 2rem 2rem; text-align: center; }
body.homepage .block-region-header .body { position:relative; max-width:600px; margin:auto; z-index:2;  }
body.homepage .block-region-header .title { position:relative; z-index:2; }
body.homepage .block-region-header .background { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position:top center; }

body.homepage .block > h2 { text-align:center; margin-top:2rem; color:#1a1a1a; }
body.homepage .block > h2:after { display:none; }

body.homepage h1 { font-size:3.6em;  }
body.homepage h2 {  line-height:130%; } 
body.homepage h3 {  line-height:130%; } 

body.homepage .view-id-product_category {  }
body.homepage .view-id-product_category > .view-content { max-width:1200px; margin:auto; }
body.homepage .view-id-product_category > .view-content + .view-footer > div > .view-content { border-top:0; }
body.homepage .view-id-product_category.side-scroller > .view-content { padding:0; }
body.homepage .view-id-product_category.side-scroller > .view-content li { width:380px; padding-left:50px; padding-right:50px; }
body.homepage .view-id-product_category.side-scroller > .view-content .views-field-field-media-image { width:10em; max-width:100%; margin:auto; }
body.homepage .view-id-product_category.side-scroller > .view-content .views-field-field-short-description { width:100%; }

body.homepage .block-views-blockproduct-category-block-6 { margin:0; }

body.homepage .block-views-blockproducts-block-3 { margin:auto; padding:1rem 0 2rem; }

body.homepage .view-products li .button { display:none; }
body.homepage .view-products li.clickable .button { display:inline-block; }

body.homepage .block-views-blockresources-block-2 .view-resources ul { justify-content: center; }
body.homepage .block-views-blockresources-block-2 { max-width:1400px; margin:auto; padding-top:2rem; }

/*******************************************/
/*   Basic Page Styles
/*******************************************/

body.page .block-region-content .block > div { max-width:1200px; margin:auto; padding:1em 2rem; }

body.page main { padding-top:0; }
body.page header { background:none; }

body.page .block-region-header { position:relative; background:#1a1a1a; color:#FFF; padding:8rem 2rem 6rem 2rem; text-align: center; }
body.page .block-region-header .block-entity-fieldnodebody { position:relative; max-width:1200px; margin:auto; z-index:2; text-align:left; }
body.page .block-region-header .body { max-width:800px; }
body.page .block-region-header .block-entity-fieldnodetitle { position:relative; z-index:2; max-width:1200px; margin:auto; text-align:left;  }
body.page .block-region-header h1 { font-size:3.2em; max-width:800px; }
body.page .block-region-header h2 { color:#FFF; text-align:left; font-weight:normal; }
body.page .block-region-header .background { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position:center center; }

/*******************************************/
/*   Products Overview Styles
/*******************************************/

body.category main { padding-bottom: 0; }

body.category .layout--onecol .block-entity-fieldtaxonomy-termfield-paragraphs > .paragraph:first-of-type { padding-top: 4em; }
body.category .layout--onecol .block-entity-fieldtaxonomy-termfield-paragraphs > .paragraph:first-of-type > ul.preview { top:5em; }


body.category .block-region-header { position:relative; background:#1a1a1a; color:#FFF; padding:8rem 2rem 6rem 2rem; text-align: center;  }

body.category .block-region-header .block-entity-fieldtaxonomy-termfield-title { position:relative; z-index:2; max-width:1200px; margin:auto; text-align:left; }
body.category h1 { font-size:3.2em; }
body.category .block-region-header nav { position:relative; z-index:2; }
body.category .block-region-header .background { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position:center center; }



body.category .block-views-blockproduct-category-block-1 { max-width:1200px; margin-left:auto; margin-right:auto; }

body.category main h2 { text-align:center; margin-top:2em; }

.view-id-product_category > .view-content { padding-left:2rem; padding-right:2rem; }
.view-id-product_category > .view-content ul { list-style: none; display:flex; flex-wrap: wrap; padding-left:0; justify-content: center; }
.view-id-product_category > .view-content li { display:flex; width:48%; padding:1em; margin:1%; padding-bottom:0.5em; border-radius:1em; align-items: flex-start; border:1px solid #e6e6e6;     transition: box-shadow .2s ease, border .2s ease; text-align:left; background:#FFF;  }
.view-id-product_category > .view-content li.clickable:hover { border-color: #da0000;   box-shadow: 0 0 0.5em rgba(218, 0, 0, 0.2); }
.view-id-product_category > .view-content li:hover .views-field-field-short-description a { color:#da0000; }
.view-id-product_category > .view-content .views-field-field-media-image { display:block; width: 35%; padding:0.5em; }
.view-id-product_category > .view-content .views-field-field-media-image img { width:100%; display:block; }
.view-id-product_category > .view-content .views-field-field-media-image .field-content {  overflow:hidden; }
.view-id-product_category > .view-content .views-field-field-short-description { display:block; width:65%; padding:0.5em; }
.view-id-product_category > .view-content .views-field-field-short-description a { color:#1a1a1a; font-size:1.4em; font-weight:bold; }
.view-id-product_category > .view-content .views-field-field-short-description p { font-size:1rem;}
.view-id-product_category > .view-content .views-field-field-short-description p:last-of-type { margin-bottom:0; }

.view-id-product_category > .view-content + .view-footer > div > .view-content { border-top:2px solid #e6e6e6; margin-top:1em; padding-top:1em; }
.view-id-product_category > .view-content + .view-footer > div > .view-header h2 { display:none; }


.view-product-category.view-display-id-block_8 > .view-content .views-field-field-short-description a { font-size:1em; }
.view-product-category.view-display-id-block_8 > .view-content .views-field-field-short-description a:hover { color: #da0000; }
.view-product-category.view-display-id-block_8 > .view-content .views-field-field-short-description { width:100%; text-align:center; }
.view-product-category.view-display-id-block_8 > .view-content .views-field-field-short-description p {  margin:auto; max-width:800px; padding:0.25em; }

.view-product-category.view-display-id-block_8 > .view-content .side-scroller ul { padding-top:0 }
.view-product-category.view-display-id-block_8 > .view-content { padding:0; }
.view-product-category.view-display-id-block_8 .category-row { margin-bottom:2em; }
.view-product-category.view-display-id-block_8 .category-row:last-of-type { margin-bottom:0; }

/* Alternate Style: Featured */
.view-id-product_category.featured > .view-content ul { justify-content: center; text-align: center;}
.view-id-product_category.featured > .view-content li { display:block; width: 30%; margin: 1em 1.5%;  padding:0 1em 1em;}
.view-id-product_category.featured > .view-content .views-field-field-media-image { width:10em;  max-width:100%; margin:auto; }
.view-id-product_category.featured > .view-content .views-field-field-media-image .field-content { background:#FFF; border:2px solid #FFF; }
.view-id-product_category.featured > .view-content .views-field-field-short-description { width:100%; }
.view-id-product_category.featured > .view-content h2 a { color: #1a1a1a; font-size:0.8em; }
.view-id-product_category.featured > .view-content li:hover h2 a { color: #da0000; }

.field_capabilities { max-width:1200px; margin:auto; padding-left:2rem; padding-right:2rem; }
.field_capabilities .content { padding-bottom:1em; display:flex; align-items: center; }
.field_capabilities .field_photo { width:30%; padding:0.5em; }
.field_capabilities .field_photo img { width:100%; }
.field_capabilities .description { width:70%; padding:0.5em; text-align:justify; }
.field_capabilities .field_value { font-size:1.2em; font-weight:bold; margin-bottom: -0.5em; }
.field_capabilities .field_value:after { content:" "; display:block; width:2em; height:0.2rem; background:#e6e6e6; margin:0.5em 0; }

.field_capabilities > div:nth-child(even) .content { flex-direction: row-reverse; }

body.category .block-views-blockapplications-block-1 { padding:5rem 2rem 4rem; }
body.category .block-views-blockapplications-block-1 h2 { margin-top:0; margin-bottom:2rem; }
body.category .block-views-blockapplications-block-1 .views-field-field-media-image { border:0; }
body.category .block-views-blockapplications-block-1 .view-applications { max-width:1200px; margin:1em auto 0; }


.view-resources.view-display-id-block_1 { padding:1em 0; max-width:1400px; margin:auto; }

body.category .block-views-blockresources-block-1 .view-resources ul { justify-content: center; }


body #views-exposed-form-products-block-2 { 
    display: none;
}

body.term-id-593 #views-exposed-form-products-block-2 {
    padding: 15px;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

#views-exposed-form-products-block-2 .form-item,
#views-exposed-form-products-block-2 select {
    width: 100%;
    font-size: 16px;
}

/*******************************************/
/*   Applications
/*******************************************/

.view-applications ul,
.paragraph--type--applications .content .field_applications { list-style: none; padding-left:0 !important; display:flex; flex-wrap: wrap; margin:auto; justify-content: center; text-align:center; }
.view-applications li,
.paragraph--type--applications .content .field_applications li { display:block; width:12em; margin-bottom:2em; } 
.view-applications img,
.paragraph--type--applications .content img { display:block; margin:0.5em auto; width:100px; height:100px; }
.view-applications .views-field-name,
.paragraph--type--applications .content h3 { text-align:center; font-size:1.2em; margin-top:0.75em; font-weight: normal;}


/*******************************************/
/*   Product Page Styles
/*******************************************/



body.product .radix-layouts-header {  margin-bottom: 2em; }

body.product .block-region-header { position:relative; background:#da0000; color:#FFF; padding:7em 2rem 4rem 2rem; text-align: center; background: linear-gradient(135deg,#128fd2 0%, #da0000 100%);  background:#1a1a1a; }
body.product .block-region-header .block-entity-fieldnodetitle { position:relative; z-index:2; max-width:1200px; margin:auto; text-align:left; }
body.product .block-region-header h1 { font-size:3.2em; }
body.product .block-region-header nav { position:relative; z-index:2; }
body.product .block-region-header .background { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position:center center; }

/* body.product  .block-region-header .breadcrumb { max-width:1200px; margin:0 auto 0.5rem; font-size:0.9em; }
body.product  .block-region-header .breadcrumb ol { justify-content: left; }
body.product  .block-region-header .breadcrumb a { color:#FFF; opacity:0.6; }
body.product  .block-region-header .breadcrumb a:hover { opacity:1; }
body.product  .block-region-header .breadcrumb li:after { opacity:0.6;  content: "\e80e"; font-family: "fontello";  font-style: normal;  font-weight: normal;  speak: none;  display: inline-block;  text-decoration: inherit; text-align: center;  font-variant: normal;  text-transform: none;  line-height: 1em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
body.product  .block-region-header .breadcrumb li:last-of-type:after { display:inline-block; } */

body.product .block-region-header .block-entity-fieldnodefield-buy-button,
body.product .block-region-header .block-entity-fieldnodefield-quote-button,
body.product .block-region-header .block-entity-fieldnodefield-sample-button { display:none !important; }

body.product .block-region-header .support-link { text-align:left; padding: 0.5em 0 0; color:#1a1a1a;}
body.product .block-region-header .support-link a:hover { color:#f31919; text-decoration: underline; }

body.product .block-page-title-block { display:none; }

body.product .block-entity-fieldnodebody h2,
body.product .block-region-subheader h2,
body.product .block-entity-fieldnodefield-features h2 { display:none; }

body.product main h2 { text-align:center; margin-top:1em; }

body.product .part-specifications a.ajax-like:before { font-size:1.4em; padding:0 0.2rem 0 0.3rem; }
body.product .part-specifications a.ajax-like { font-size:0.8em; margin:0.5em 0; }

a.ajax-like { display:inline-block; }
a.ajax-like:before { opacity:0.4; font-weight:normal; }
a.ajax-like:hover:before { color:#da0000; opacity:1; }
a.ajax-like.active:before { color:#da0000; opacity:1; }
a.ajax-like.active:hover:before { color:#f31919; opacity:1; }

body.product .block-entity-fieldnodefield-features { padding:0; line-height:1.3em;  margin-top:2em; margin:2em auto 0; max-width:1200px; line-height: 150%; }
body.product .block-entity-fieldnodefield-features .field_features { display:flex; flex-wrap:wrap; justify-content: center; }
body.product .block-entity-fieldnodefield-features .field_features div { padding:0.5em 0; margin-bottom:0.5em; position:relative; text-align:center; display:block; width:33.3%; padding:0 2em 1em;  }
body.product .block-entity-fieldnodefield-features .field_features div:before {  content: '\e80b'; font-family:"fontello"; display:block; margin:0.5rem auto 0.5rem; font-size:1.4em; line-height:1.3em; background:#e6e6e6; text-align:center; line-height:2em; color:#61a60e; width:2em; height:2em; border-radius:100%; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }

body.product .block-region-header .block { display:inline-block; }
body.product .block-region-header .block-entity-fieldnodetitle { display:block; margin-bottom:0.25em; }


body.product .block-entity-fieldnodefield-media-image { text-align:center; }
body.product .block-entity-fieldnodefield-media-image > .field_media_image > div { display:inline-block; width:60px; padding:0.5em; }
body.product .block-entity-fieldnodefield-media-image > .field_media_image > div:first-of-type { width:100%; padding:0; }

body.product .photo-gallery img,
body.product .photo-gallery a { display:block; }
body.product .photo-gallery { max-width:400px; margin:auto; }

body.product .photo-gallery .gallery { position:relative; padding-top:100%; height:0; overflow:visible; display:block; margin-bottom:1.6em; }
body.product .photo-gallery .gallery .field_image { width:100%; display:block; padding:0; position:absolute; left:0; top:0; z-index:1; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; }
body.product .photo-gallery .gallery .field_image.selected { z-index:2; opacity:1; }
body.product .photo-gallery .gallery a.switch { display:block; position:absolute; top:50%; margin-top:-0.5em; height:1em; width:1em; text-align: center; line-height:1em; font-size:1.4em; }
body.product .photo-gallery .gallery a.switch:before { margin:0; }
body.product .photo-gallery .gallery a.switch:hover { color:#1a1a1a; }
body.product .photo-gallery .gallery a.prev { left:-1.2em; }
body.product .photo-gallery .gallery a.next { right:-1.2em; }
body.product .photo-gallery .gallery .caption { width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center; color:#a7a8a9; font-size:0.8em; line-height:1.2em; padding:0.5em 1em; }

body.product .photo-gallery .thumbnails { text-align:center; }
body.product .photo-gallery .thumbnails .field_image { display:inline-block; width:60px; margin:0.1em; background:#FFF; }
body.product .photo-gallery .thumbnails .field_image a { border:2px solid white; border-radius: 0.25em; padding:0.1em; }
body.product .photo-gallery .thumbnails .field_image.selected a { border-color:#da0000;  }
body.product .photo-gallery .thumbnails .field_image a:hover { border-color:#da0000; }

body.product #modal .photo-gallery { max-width:none;  }
body.product #modal .photo-gallery .gallery { padding-top:0; height:auto; position:inherit; overflow:hidden; }
body.product #modal .photo-gallery .gallery .field_image { display:none; position:inherit; }
body.product #modal .photo-gallery .gallery .field_image.selected { display:block; }
body.product #modal .photo-gallery .gallery .field_image a { position: relative; cursor:default; }
body.product #modal .photo-gallery .gallery .field_image img { margin:auto; }
body.product #modal .photo-gallery .gallery a.switch { font-size:2em; z-index:2; top:52%; }
body.product #modal .photo-gallery .gallery a.prev { left:0.5em; }
body.product #modal .photo-gallery .gallery a.next { right:0.5em; } 
body.product #modal .photo-gallery .gallery .caption { font-size:1em; }

body.product #modal .photo-gallery .thumbnails { background:#e6e6e6; padding:0.25em; white-space:nowrap; overflow-x: auto; }
body.product #modal .photo-gallery .thumbnails .field_image { margin:0.25em; }
/* Specifications */

.specifications .view-product-specifications { max-width:1200px; margin-left:auto; margin-right:auto; }
.view-product-specifications { padding:1em 0; }
.view-product-specifications .spec-content { padding:0.75em 2rem; }
.view-product-specifications .views-row:nth-child(even) { background: #e6e6e6; }
.view-product-specifications .spec-content { display:flex; flex-direction: row; line-height:1.4em; }
.view-product-specifications .spec-content .specification { font-weight:bold; display:block; min-width:18em; margin-right:0.5em; }
.view-product-specifications .spec-content .value { padding:0;  }

.view-product-specifications .view-display-id-block_3 { border-bottom:2px solid #da0000; margin-bottom:1em; }
.view-product-specifications .view-display-id-block_3 .view-content { display:flex; flex-wrap:wrap; justify-content:center; }
.view-product-specifications .view-display-id-block_3 .spec-content { display:block; text-align:center; }
.view-product-specifications .view-display-id-block_3 .spec-content .specification { min-width:0; margin-right:0; font-size:1.4em; color:#da0000; }
.view-product-specifications .view-display-id-block_3 .spec-content .value { font-size:1.2em; padding-top:0.5em; }
.view-product-specifications .view-display-id-block_3 .view-content .views-row { background:transparent !important; width:33.3%; }
.specifications .view-product-specifications { border-bottom:2px solid #da0000; margin-bottom:1em;  }

.inline-specs-hack { border-top:2px solid #da0000; margin-bottom:1em; border-bottom:2px solid #da0000; margin-bottom:1em; margin-top:2em; }

.product .block-entity-fieldnodefield-paragraphs { margin-top:2em; }


/* Part Specifications */
body.product .block-views-blockparts-block-1 { padding:0; margin:1em 0 0; }


.documentation-priority {
  margin: 2rem auto;
  padding:2em 0;
  max-width:1200px;
}

.documentation-priority ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 2em 0 !important;
  margin: 0;
  justify-content: center;
}

.documentation-priority ul li {
  width: 180px;
  text-align: center;
  font-family: sans-serif;
}

.documentation-priority ul li a {
  display: block;
  text-decoration: none;
  color: #1a1a1a;
}
.documentation-priority ul li a:hover {
  color:#da0000;
}

.documentation-priority ul li img {
  max-height:6em;
}
.documentation-priority ul li h4 {
  font-weight: 600;
  margin-bottom: 0.25rem;
  font-size:1em;
}

.documentation-priority ul li h5 {
  font-size: 0.9rem;
  color: #666;
  font-weight:normal;
}

.documentation-priority .button {
  margin:1em auto !important;
  display:block;
  width:fit-content;
  min-width:0;
}
.documentation-priority .arrow-button:after {
  color:#da0000 !important;
}
.documentation-priority .arrow-button:hover:after {
  color:#FFF !important; 
}

.documentation-summary { padding:2em 0; text-align:center; }
.documentation-summary p { max-width:600px; margin-left:auto !important; margin-right:auto !important; }
.documentation-summary p em { font-style: normal; font-weight: 600; }
/* Files */
.docsections {   }
.docsections .section { border:1px solid #e6e6e6; border-radius:0.5em; margin:1em 1.5%;  -webkit-transition: border .4s ease; -moz-transition: border .4s ease; -o-transition: border .4s ease; transition: border .4s ease; }
.docsections .section.hover { border-color:#da0000; }
.docsections .section h3 { cursor:pointer; padding:1rem; margin:0; }
.docsections .section h3 small { font-size:0.7em; color:#aaa; font-weight:normal; }
.docsections .section h3:hover { color:#da0000; }
.docsections .section .view-documentation { width:100%; margin-bottom:1em; display:none; }
.docsections .section.expanded { width:100%; border-color:#da0000; flex:1 0 100%; margin:1em 0; background:#FFF; box-shadow:0px 4px 10px rgba(0,0,0,0.2); }
.docsections .section.expanded h3 { color:#da0000; }
.docsections .section.expanded .view-documentation { display:table; }
.docsections .section h3:before { font-family: "fontello"; content: '\e832'; font-style: normal;  font-weight: normal;  speak: none;  width: 1em;  margin:auto; margin-right:0.5em; margin-bottom:0.5rem; text-align: center;  font-variant: normal;  text-transform: none;  line-height: 1em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.docsections .section.doctype-featured h3:before { content: '\e817'; }
.docsections .section.doctype-brochure h3:before { content: '\e82f'; }
.docsections .section.doctype-datasheet h3:before { content: '\e832'; }
.docsections .section.doctype-documentation h3:before { content: '\e822'; }
.docsections .section.doctype-application-note h3:before { content: '\e82e'; }
.docsections .section.doctype-certification h3:before { content: '\e80c';  }
.docsections .section.doctype-software h3:before { content: '\e820'; }
.docsections .section.doctype-technical-drawings h3:before { content: '\e821'; }
.docsections .section.doctype-legacy h3:before { content: '\f20d'; }



.docsections .all-controls a { display:inline-block;  margin-left:1em; }
.docsections .all-controls a:hover { color:#da0000; }

body.product .block-views-blockdocumentation-block-1 { margin-top:5em;  }
body.product .block-views-blockdocumentation-block-1 caption { padding:0.75em 2rem 0.25em; text-align: left; font-size:1.5em; font-weight:bold; }
.view-documentation { overflow: auto; }
.view-documentation a { display:inline-block; }
.view-documentation a span { display:inline-block; vertical-align: middle; }
.view-documentation a span.new:before,
.view-documentation a span.updated:before,
.view-documentation a span.featured:before { content:"NEW"; display:inline-block; margin:0.25em 0.5em 0.25em 0; font-weight:bold;  padding:0.5em; font-size:0.6em; background:#f31919; color:#FFF; border-radius:0.25em;  }
.view-documentation a span.updated:before { content:"UPDATED"; background:#da0000; }
.view-documentation a span.featured:before { content:"FEATURED"; background:#FFF; border:2px solid #da0000; color:#da0000; }
.view-documentation a:before { content: '\e81c'; font-family: "fontello"; display:inline-block; margin-right:0.5em; }
.view-documentation a.external:before { content: '\e825'; }
.view-documentation a:hover { color:#da0000; }
.view-documentation .views-field-edit-node a:before { content: '\e821'; }

ul.tag-filter  { text-align:center; width:100%; padding:0.25em 0 !important; }
ul.tag-filter li { list-style:none; display:inline-block; padding:0.25em; }
ul.tag-filter li a { display:inline-block; padding:0.5em 0.5em; border-radius:0.25em; border:2px solid #1a1a1a; font-size:1.1em; background:#1a1a1a; color:#FFF; user-select: none; }
ul.tag-filter li a:before { content: '\e80d'; font-family:"fontello"; margin-right:0.5em; width:1em; }
ul.tag-filter li a.selected:before { content: '\e80c'; }
ul.tag-filter li a span.count { color:#a7a8a9; font-size:0.8em; vertical-align: middle; display:inline-block; }
ul.tag-filter li a:hover { background:#888; }
ul.tag-filter li a.selected { background:#da0000; border-color:#da0000; color:#FFF; }
ul.tag-filter li a.selected span.count { color:#FFF; }
ul.tag-filter li a.selected:hover { background:#e41e1e; color:#FFF; }
ul.tag-filter li a.disabled { opacity:0.5; cursor:default; color:#000; }
ul.tag-filter li a.disabled:hover { background: #1a1a1a; }

.tag-filter-results .tagged { display:none !important; }
.tag-filter-results.show-all .tagged, .tag-filter-results .show-tag.tagged { display:block !important; }
.tag-filter-results.show-all tr.tagged, .tag-filter-results tr.show-tag.tagged { display:table-row !important; }
.tag-filter-results.show-all tr.tagged.hidden, .tag-filter-results tr.show-tag.tagged.hidden { display: none !important; }

body.product ul.parttypes { margin-left: auto; margin-right: auto; max-width: 1200px; }
body.product .parttypes-message { max-width:1200px; margin:0.5em auto; font-size:1.2em; text-align:center; border:2px solid #1a1a1a; padding:1em; background:#e6e6e6; }

body.product .block-views-blockdocumentation-block-1 > div { overflow-x: auto; }
body.product .block-views-blockdocumentation-block-1 tbody td { min-width:150px; }

div.documentation { max-width: 1200px; margin-left: auto; margin-right: auto;  padding-top:2em; padding-bottom:2em; }

/* Buy Now */
.node--type-product .block-views-blockoctopart-block-2 { margin-top:5em; }
.node--type-product .block-views-blockoctopart-block-2 table { margin-top:1em; }
.node--type-product .block-views-blockoctopart-block-2 .views-field-field-distributor-url { width:10%; text-align:center; padding-right:2rem; }
.node--type-product .block-views-blockoctopart-block-2 .button { font-size:0.8em; padding:0.75em 0.5em; width:8em; margin:0 auto; display:block; min-width:0;}
#modal .no-results { background:#e6e6e6; padding:1em 2rem; text-align:center; font-size:1.2em; margin-top:0.25em; }

#modal .filter-bar { padding:1em 2rem; background:#e6e6e6; }

body.product .container-fluid .row:nth-child(2) { display:flex; flex-direction: row-reverse; padding:0 2rem; max-width:1200px; margin:auto; }
body.product .radix-layouts-column1 { width:30%; padding:1em 0 1em 2rem; }
body.product .radix-layouts-column2 { width:70%; padding-right:2rem; }
body.product .radix-layouts-column2 div.block { display:inline-block; }
body.product .radix-layouts-column2 .button { margin:0.5rem 0.5rem;  }

body.product .block-region-middle .buy { display:none; }
body.product main .distributors { display:none; }

body.product .radix-layouts-column1 .block-entity-fieldnodefield-image { text-align:center; margin-top:1em; }
body.product .radix-layouts-column2 .block-entity-fieldnodebody { margin:1em auto; text-align:left; line-height: 150%; }

body.product .block-entity-fieldnodefield-discontinued {  width:100%; }
body.product .discontinued { margin:1em auto 0; background:#a7a8a9; padding:0.6em 1em 0.5em; border-radius:0.5em; position:relative; padding-left:2.4em; line-height:150%; font-style: italic; color:#FFF; }
body.product .discontinued:before { font-family:"fontello"; content: '\e815'; width:1em; left:1em; top:0.5em; position:absolute;  font-style:normal; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }

.block-entity-fieldnodefield-lifecycle {  width:100%; margin:0 auto; max-width:1200px; padding:0 1em; position:relative; padding-left:1.6em; line-height:150%; font-style: italic; color:#FFF; text-align:left; }
.block-entity-fieldnodefield-lifecycle:before { font-family:"fontello"; content: '\e815'; line-height:1em; width:1em; left:0.25em; top:0.2em; position:absolute;  font-style:normal; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
//.block-entity-fieldnodefield-lifecycle div:before { content:'Status: '; font-weight:bold; }

.block-entity-fieldnodefield-lifecycle .lifecycle {  }

body.product .block-views-blockparts-block-1 { width:100%; }

body.product .block-views-blockparts-block-2 .view { padding:1em 2rem; }
body.product .block-views-blockparts-block-2 .views-field-title { font-weight:bold; font-size:1.2em; }
body.product .block-views-blockparts-block-2 ul { list-style: none; padding-left:0; display:flex; }
body.product .block-views-blockparts-block-2 li { display:block; width:20%; padding:0.25em; }

.block-views-blockproducts-block-4 {  margin:4em auto 0; padding:2rem 0; background:#e6e6e6; }
.view-products.certified-products { max-width:1200px; margin:auto; padding:0; }
.view-products.certified-products .view-content li { background:#fff; border-radius:1em; padding-top:1em; text-align:left; }
.view-products.certified-products li .product-family { padding:0 1em 1em; font-weight:bold; }
.view-products.certified-products li .part-desc { padding:0 1rem 0; font-size:0.8em; }
.view-products.certified-products li .part-desc p { margin-top:0; }
.view-products.certified-products .lifecycle { padding: 0 1rem; background:transparent !important; font-weight:bold; font-size:.8em; }
.view-products.certified-products .views-field-field-overview-summary { margin-top:0 !important; }
.view-products.certified-products .views-field-field-overview-summary p { margin-top:0 !important; }

.view-products.certified-products.condensed li { width:48%; padding:1em; }
.view-products.certified-products.condensed li .field-content { display:flex; flex-wrap:nowrap; }
.view-products.certified-products.condensed li .field-content .part-photo { width:30%; }
.view-products.certified-products.condensed li .field-content .part-body { width:70%; }
.view-products.certified-products.condensed li .learn-more-button { position:relative; bottom:auto; margin-bottom:1em; }

.part-specifications .lifecycle { font-weight: normal; font-size: 0.9em; padding: 0.25em 0; }

.block-views-blockproducts-block-6 {  margin:4em auto 0; padding:2rem 0; background:#e6e6e6; }

.block-views-blockproducts-block-5 {  margin:4em auto 0; padding:2rem 0; background:#e6e6e6; }
.block-views-blockproducts-block-5 .view-products { max-width:1200px; margin:auto; padding:0; }
.block-views-blockproducts-block-5 .view-products .field-content { display:flex; align-items:center; }
.block-views-blockproducts-block-5 .view-products .part-photo {  width:30%; }

body.product table,
body.part table { width:100%; border-collapse: collapse; }
body.product th,
body.product td,
body.part th,
body.part td { text-align:left; width:auto; vertical-align: middle; padding:0.75em 0.5em; margin:0; border:0; }
body.product thead th,
body.part thead th { border-bottom:2px solid #e6e6e6; }
body.product tbody tr.odd,
body.part tbody tr.odd { background: #e6e6e6; }
body.product tbody tr.even,
body.part tbody tr.even { background: transparent; }
body.product th:first-child,
body.product td:first-child,
body.part th:first-child,
body.part td:first-child { padding-left:2rem; }

body.product .documentation th,
body.product .documentation td,
body.part .documentation th,
body.part .documentation td { vertical-align: top; }

table.sorter .tablesorter-header:first-child { padding-left:3.7rem; }
table.sorter .tablesorter-header:first-child:before,
table.sorter .tablesorter-header:first-child:after { left: 2.5rem; }


table.part-specifications thead th { background:#1a1a1a; text-align:left; vertical-align:middle; color:#FFF; font-weight: bold; padding:0.75em; padding-right:2.4em; position: -webkit-sticky !important; position: sticky !important; top: 0; z-index:1; }
table.part-specifications.has-filters thead th,
table.part-specifications.tablesorter thead th { cursor:pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
table.part-specifications thead th:after { display:none; }
table.part-specifications thead th:first-child { left:0; z-index:2; }
table.part-specifications thead th:first-child:after { width:2px; height:100%; background:#FFF; position:absolute; right:0; top:0; left:auto !important; content:" "; display:block; }
table.part-specifications.has-filters thead th:hover { background:#da0000; }
table.part-specifications thead th.duplicate { cursor:default; color:#a7a8a9 !important; }
table.part-specifications thead th.duplicate:hover { background:#1a1a1a; }
table.part-specifications thead th.duplicate:before { display:none; }
table.part-specifications thead th.tablesorter-headerDesc, table.part-specifications thead th.tablesorter-headerAsc { background:#da0000; color:#FFF; }
table.part-specifications thead th:before { content:""; font-family: "fontello"; position: absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left:auto; right:1em; top:50%; margin-top:-0.5em; line-height:1em; }
table.part-specifications.has-filters thead th:before { content:"\e810"; }
table.part-specifications thead th.tablesorter-headerDesc:before { content: '\e810'; }
table.part-specifications thead th.tablesorter-headerAsc:before { content: '\e811'; }
table.part-specifications thead th .current-filter { display:none; color:#da0000; font-weight:normal; padding-top:0.5em; }
table.part-specifications thead th:hover .current-filter { color:#FFF; }
table.part-specifications thead th.selected .current-filter { display:block; }
table.part-specifications thead th ul { max-height:16em; overflow:auto; position:absolute; top:100%; left:0; min-width:100%; padding:1em 0; background:#1a1a1a; display:none; list-style: none; color:#FFF; border-top:2px solid #FFF; z-index:10; border-bottom-left-radius:0.25em; border-bottom-right-radius:0.25em; box-shadow: 0px 10px 20px -2px rgba(0,0,0,0.3); }
table.part-specifications thead th.last ul { right:0; left:auto; }
table.part-specifications thead th ul li { font-weight:normal; padding:0.5em 1em 0.5em 2.8em; line-height:1em; position:relative; min-width:280px; }
table.part-specifications thead th ul li:before { content:" "; font-family:"fontello"; display:block; position:absolute; left:1em; top:0.5em; margin-top:-2px; height:1em; width:1em; background:#FFF; border:2px solid #FFF; border-radius:100%; text-align:center; line-height:1em; }
table.part-specifications thead th ul li.selected { color: #da0000; font-weight:bold; }
table.part-specifications thead th ul li.selected:before { background:#da0000; border-color:#da0000; content:"\e80c"; color:#FFF; }
table.part-specifications thead th ul li.selected:hover:before { border-color:#FFF; }
table.part-specifications thead th ul li:hover { color:#da0000; }
table.part-specifications thead th ul li:hover:before { background:#da0000; }
table.part-specifications thead th:hover ul { display:block; }
table.part-specifications thead th.duplicate ul { display:none !important; }
table.part-specifications thead th ul li.disabled { opacity:0.5; cursor:default; }
table.part-specifications thead th ul li.disabled:hover { color:#FFF; }
table.part-specifications thead th ul li.disabled:hover:before { border-color: #FFF; background:#FFF; }
table.part-specifications thead th.part-group { background: #da0000; color:#FFF; }
table.part-specifications thead th.part-group.selected { background: #1a1a1a; }
table.part-specifications thead th.part-group:hover { color:#FFF; background: #da0000; }

table.part-specifications:after { content:" "; position:sticky; top:0; right:-50px; height:100%; width:50px; box-shadow: 0px 10px 20px -2px rgba(0,0,0,0.1); }

table.part-specifications tbody { position:relative; z-index:0;}
table.part-specifications tbody tr:nth-child(even) { background:transparent; }
table.part-specifications tbody tr { border-bottom:2px solid #e6e6e6; }
table.part-specifications tbody tr th { background:#FFF; }
table.part-specifications tbody tr th:after { width:2px; height:100%; background:#e6e6e6; position:absolute; right:0; top:0; content:" " }
table.part-specifications tbody tr:hover,
table.part-specifications tbody tr.highlight,
table.part-specifications tbody tr.highlight td,
table.part-specifications tbody tr.highlight th { border-color: #da0000; background:#e6e6e6; }
table.part-specifications tbody td:hover { background:#e1e2e2; }
table.part-specifications tbody tr:hover th:after,
table.part-specifications tbody tr.highlight th:after { background:#e1e2e2; }
table.part-specifications tbody th { position: -webkit-sticky; position: sticky; left: 0; }
table.part-specifications tbody.filtered tr { display:none; }
table.part-specifications tbody.filtered tr.show { display:table-row; }

table.part-specifications tfoot td { display:none; }

table.part-specifications.part-group-message thead th { color:rgba(255,255,255,0.3); }
table.part-specifications.part-group-message thead th:hover { color:#FFF; }
table.part-specifications.part-group-message thead th:before { display:none; }
table.part-specifications.part-group-message thead th:hover ul { display:none; }
table.part-specifications.part-group-message thead th.part-group:before { display:block; }
table.part-specifications.part-group-message thead th.part-group:hover ul { display:block; }
table.part-specifications.part-group-message tbody { display:none; }
table.part-specifications.part-group-message tfoot td { display:table-cell; height:100%; width:100%; text-align:center; padding:8rem 2rem; font-size:1.2em; background:#FFF; color:#da0000; position: absolute; left: 0; top: auto; width: 100%; height:auto; }



body.product .block-views-blockparts-block-1 { position:relative; max-height:600px; overflow:auto; margin-left:auto; margin-right:auto; max-width:1200px; }
body.product .block-views-blockparts-block-1.multiple-parts { min-height:22em; }
body.product .block-views-blockparts-block-1.maximized { max-width:none;}
body.product .block-views-blockparts-block-1.show-all { max-height:none; }
body.product .block-views-blockparts-block-1 table td { min-width:140px; }
body.product .block-views-blockparts-block-1 tbody th { min-width:200px; white-space: nowrap; }
body.product .block-views-blockparts-block-1 table th .images img { width: 100%; display:block; position:absolute; }
body.product .block-views-blockparts-block-1 table th .images { margin-bottom:0.5em; display:block; width:100px; height:100px; position:relative; background:#1a1a1a;}
body.product .block-views-blockparts-block-1 table th .images .clipped { overflow:hidden; position:relative; width:100px; height:100px; }
body.product .block-views-blockparts-block-1 table th .button { display:block; font-size:0.8em; padding:0.75em 0.5em; width:8em; margin:0.5em 0; display:block; max-width:100px; min-width:0; }
body.product .block-views-blockparts-block-1 table tbody th strong { font-size:1.2em; display:block; }
body.product .block-views-blockparts-block-1 table th .images a.switch { display:block; position:absolute; top:50%; margin-top:-0.5em; height:1em; width:1em; text-align: center; line-height:1em; }
body.product .block-views-blockparts-block-1 table th .images a.switch:before { margin:0; }
body.product .block-views-blockparts-block-1 table th .images a.switch:hover { color:#1a1a1a; }
body.product .block-views-blockparts-block-1 table th .images a.prev { left:-1.2em; }
body.product .block-views-blockparts-block-1 table th .images a.next { right:-1.2em; }
body.product .block-views-blockparts-block-1 table th .images.multi img { display:none; }
body.product .block-views-blockparts-block-1 table th .images.multi img.current { display:block; }
body.product .block-views-blockparts-block-1 table th a.compare { font-size:0.8em; }
body.product .block-views-blockparts-block-1 table td.checkbox.cell { min-width:0; max-width:5em; }
body.product .block-views-blockparts-block-1 .duplicate { display:none; color:#a7a8a9; }
body.product .block-views-blockparts-block-1 .duplicate:hover { color:inherit; }
body.product .block-views-blockparts-block-1 .duplicate.show { display:table-cell; }
body.product .block-views-blockparts-block-1 .soft-duplicate { color:#a7a8a9; }
body.product .block-views-blockparts-block-1 .soft-duplicate:hover { color:inherit; }
body.product .block-views-blockparts-block-1 table.compared th.checkbox.cell { padding-left:0;  }
body.product .block-views-blockparts-block-1 table.compared .checkbox.cell { padding-right:0; }
body.product .block-views-blockparts-block-1 table.compared a.compare { display:none; }
body.product .block-views-blockparts-block-1.scroll-fade + .part-specs.table-foot  { box-shadow: 0px -10px 20px -2px rgba(0,0,0,0.1); }

body.product .part-specs.table-foot { width:100%; background:#e6e6e6; max-width:1200px;  border-top:2px solid #FFF; width:100%; padding:0.5em 2rem; position:relative; z-index:1; margin-left:auto; margin-right:auto;  }
body.product .part-specs.table-foot.maximized  { max-width:none; }
body.product .part-specs.table-foot .button { font-size:0.8em; margin-bottom:0; margin-right:1em; }
body.product .part-specs.table-foot .button:before { margin-left:0;}
body.product .part-specs.table-foot .maximize { right:2rem; position:absolute; top:50%; margin-top:-0.75em; display:block; font-size:1.4em;  }
body.product .part-specs.table-foot .maximize:before { background:#da0000; color:#FFF; border-radius:100%; padding:0.25em; }
body.product .part-specs.table-foot .maximize:hover:before { background: #e41e1e; }
body.product .part-specs.table-foot .maximize span { display:none; }

body.product .more-buttons { display:none; position:relative;   }
body.product .more-buttons .children { display:none; position:absolute; padding-bottom:0.25em; right:0; background:#e6e6e6; z-index:20; box-shadow: 0px 10px 20px -2px rgba(0,0,0,0.1); }
body.product .more-buttons.show .children { display:block; }
body.product .more-buttons .block { display:block; }
body.product .more-buttons .children .button { margin:0.2em 0.5em; }

body.product .block-views-blockdistributors-block-1 { display:none; }
body.product #modal .block-views-blockdistributors-block-1 { display:block; }
body.product .block-views-blockdistributors-block-1 { margin-top:3em; }
body.product .block-views-blockdistributors-block-1 .views-field-field-distributor-url { width:10%; text-align:center; padding-right:2rem; }
body.product .block-views-blockdistributors-block-1 .button { font-size:0.8em; padding:0.75em 0.5em; width:8em; margin:0 auto; display:block; min-width:0;}

.view-distributors .region-description { font-size:0.8em; color:#AAA; display:block; margin-top:0.25em; }

.view-faqs.on-page { margin:0; background:#dfd5c8; }
.view-faqs.on-page h2 { color:#1a1a1a; }
.view-faqs.on-page .search-faq { max-width:1200px; margin:1em auto; text-align: center; }
.view-faqs.on-page .search-faq input { text-align:center; min-width:18em; border-radius:1.8em; max-width:20em; }
.view-faqs.on-page .search-faq .no-results { display:block; margin-top:1em; font-size:1.2em; color:#da0000; background:transparent; }
.view-faqs.on-page .search-faq .no-results.hidden { display:none; }
.view-faqs.on-page .view-header { padding:1em 2em 0; }
.view-faqs.on-page .view-content {
  max-width: 1200px;
  margin: 2em auto 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 2em 1em;
  gap: 0.5em; /* Adds space between items */
  box-sizing: border-box;
}

.view-faqs.on-page .view-content .views-row {
  width: calc(50% - 0.25em); /* Adjusted for horizontal gap */
  padding: 1em;
  transition: background 0.4s ease;
  border-radius: 0.5em;
  box-sizing: border-box;
}.view-faqs.on-page .view-content.toggle .views-row { position:relative; padding-left:2em; }
.view-faqs.on-page .view-content.toggle .views-row .views-field-body { overflow:hidden; }
.view-faqs.on-page .view-content .views-row h4 a { font-size:1.2em; line-height:130%; font-weight:400; color:#1a1a1a; }
.view-faqs.on-page .view-content.toggle .views-row h4 a { font-size:1.2rem; cursor:pointer; user-select: none; }
.view-faqs.on-page .view-content.toggle .views-row h4 a:before { color: #da0000; content: '\e80b'; font-weight:normal; font-family:"fontello"; width:1em; line-height:1em; height:1em; text-align:center; position:absolute; left:0.5em; top:0.9em; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }
.view-faqs.on-page .view-content.toggle .views-row h4 a:hover { color:#da0000 }
.view-faqs.on-page .view-content .views-row.show { background:#FFFFFF; }
.view-faqs.on-page .view-content .views-row.show h4 a { color:#da0000; opacity:1; }
.view-faqs.on-page .view-content .views-row.show h4 a:hover {  }
.view-faqs.on-page .view-content .views-row.show h4 a:before { transform: rotate(45deg); color:#da0000; }
.view-faqs.on-page .view-content .views-row p { margin:0; }
.view-faqs.on-page .view-content .views-row p + p { margin-top:1em; }

.view-faqs.on-page .view-content .contextual { display:none; }
.rate-widget-thumbs-up-down { margin-top:0.5em; }
.rate-widget-thumbs-up-down ul { display:flex; flex-wrap:nowrap; align-items:center; padding-left:0 !important; }
.rate-widget-thumbs-up-down ul li.message { width: auto; font-size:0.8em; color:#a7a8a9; margin-right:0.5em; line-height: 140%; }
.rate-widget-thumbs-up-down ul li { width:1.4em; float:none; }
.rate-widget-thumbs-up-down ul li a { float:none; }
.rate-widget-thumbs-up-down a:hover { color: #da0000; }
.rate-widget-thumbs-up-down ul li span { display:none; }
.rate-widget-thumbs-up-down .rate-undo-vote { font-size:0.8em; color:#a7a8a9; line-height: 140%; }
.rate-thumbs-up-down-btn-up,
.rate-thumbs-up-down-btn-down { background:none; width:1.4em; text-align:center; height:1em; text-indent:0; }
.rate-widget-thumbs-up-down .ajax-progress { display: none; }

body.product .block-webform-block { margin-top:2em; }

body.product .form-type-buttons { text-align:center; }

body.product .block-views-blockproducts-block-1 { margin-top:5em; padding-top:1em; padding-bottom:1em; padding-left:2rem; padding-right:2rem; max-width:1200px; margin-left:auto; margin-right:auto; }

#modal .block-views-blockoctopart-block-2 { margin-top:0; }
#modal .block-webform-block { margin-top:0; }

#modal .filter-bar .dropdown { width:49%; display:inline-block; z-index:100; } 
#modal .filter-bar .filter-parts { margin-right:1%; }
#modal .filter-bar .filter-regions { margin-left:1%; }
#modal .filter-bar .filter-regions.single-drop { margin-left:0; }

body.product #modal section.request .filter-bar .dropdown { width:100%; display:inline-block;  margin:0; }

#modal .block h2 { text-align:left; }
#modal .block h2:after { margin-left:0; }
#modal h2 { padding:1rem 2rem 0; }

#modal section.buy .node--type-product { min-width: 600px; }


/*******************************************/
/*   Part Page
/*******************************************/

body.part .block-page-title-block { background:#FFF; padding-bottom:1em; padding-top:9em; }
body.part .block-page-title-block h1 { color:#1a1a1a; padding-right:2rem; }

body.part .breadcrumb { color:#1a1a1a; }
body.part .breadcrumb a { color:#da0000; }

body.part main h2 { text-align:center; margin-top:2em; }

body.part main .description { margin:3em 0; }

body.part .parent-product { background:#da0000; color:#FFF;  }
body.part .parent-product .container { max-width:1200px; margin:auto; padding:0.5em; }
body.part .parent-product .photo { display:inline-block; max-width:100px; vertical-align: middle; margin-right:1em; }
body.part .parent-product .photo img { border-radius:100%; border:2px solid #1a1a1a; }
body.part .parent-product .content { display:inline-block; vertical-align: middle;  }
body.part .parent-product .content b { display:block; font-size:1.4em; margin-bottom:0.25em; }
body.part .parent-product a { color:#FFF; }
body.part .parent-product.clickable { cursor:pointer; }
body.part .parent-product.clickable:hover { background:#f31919; }

body.part .photos { }

.button.addtocart {
width: 100%;
margin: 0.25em 0;
text-align: left !important;
position: relative;
display:inline-block !important;
}
.button.addtocart:before {
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%) scaleY(1);
transition: transform 1s ease;
}

.button.addtocart.loading::before {
  display:none;
}
.button.addtocart.loading::after {
    content: "";
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    animation: spinner 0.75s infinite linear;
}
body.part .rebrand-banner {
  display:none;
  top:-10em;
}

/*******************************************/
/*   V3 Product Page
/*******************************************/


body.product.v4 .block-region-header,
body.part .block-region-header { background:#dfd5c8; background: linear-gradient(180deg, rgba(223,213,200,1) 33%, rgba(255,255,255,1) 99%); background:#FFF; padding-bottom:1em; padding-top:10em; }
body.product.v4 .block-region-header h1,
body.part .block-region-header h1 { color:#1a1a1a; padding-right:2rem; }
body.product.v4  .block-entity-fieldnodefield-lifecycle,
body.part  .block-entity-fieldnodefield-lifecycle { color:#1a1a1a; }

body.product.v4 .radix-layouts-header { box-shadow:none; }

body.product.v4 .product-header,
body.part .product-header { display: flex; align-items: center; max-width:1200px; margin:auto;  }
body.product.v4 .product-header > div:first-child,
body.part .product-header > div:first-child { flex-grow: 1; }
body.product.v4 .product-header > div:last-child,
body.part .product-header > div:last-child { flex: 0 0 320px; /* Prevent shrinking */ max-width: 320px; width: 320px; }

body.product.v4 .low-as-price { color:#1a1a1a; text-align:left; font-weight:bold; margin-top:1em; }


body.product.v4 .lifecycle,
body.part .lifecycle { color:#1a1a1a }

body.product.v4 .overview { padding:0 2rem; }
body.product.v4 .overview > div { display:flex; max-width:1200px; padding:1em 0; margin:auto; }
body.product.v4 .overview h2 { display:none; }

body.product.v4 .overview .content { width:100%; padding-right:4rem; }
body.product.v4 .overview .cta { width: 320px; flex: 0 0 320px; }


body.product.v4 .breadcrumb { color:#1a1a1a; }
body.product.v4 .breadcrumb a { color:#da0000; }

body.product.v4 .radix-layouts-column2 .block-entity-fieldnodebody { margin-top:0; }


body.product.v4 .paragraph .paragraph { padding:0.5em; }


body.product.v4 .block-views-blockparts-block-1 table tbody th { padding-left:0.5em; padding-right:0.75em; }
body.product.v4 .block-views-blockparts-block-1 table tbody th div.part-details { display:flex; gap:1em; align-items:center;  }
body.product.v4 .block-views-blockparts-block-1 table tbody th div.photo { width:100px; }
body.product.v4 .block-views-blockparts-block-1 table tbody th div.details { min-width:120px; text-align:left; }
body.product.v4 .block-views-blockparts-block-1 table tbody th a.checkbox { padding-left:1em; }
body.product.v4 .block-views-blockparts-block-1 table tbody th .actions a { display:block; margin-top:1em; margin-bottom:1em; }
body.product.v4 .block-views-blockparts-block-1 table th .images { margin-bottom:0; }



/* Photo Gallery Modal Styling */
.photo-browser {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}



.photo-browser .gallery-modal {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}



.photo-browser .gallery-content {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
}

.photo-browser .gallery-content img {
  display: none;
  max-width: 90%;
  max-height: 80%;
  position: absolute;
  transition: opacity 0.3s ease;
}

.photo-browser .gallery-content img.active {
  display: block;
}

.photo-browser .photo-caption {
    margin-top: 10px;
    font-size: 1.2em;
    text-align: center;
    color: #1a1a1a;
    max-width: 90%;
    word-wrap: break-word;
}

.photo-browser .gallery-thumbnails {
  display: block;
  justify-content: center;
  text-align:center;
  gap: 10px;
  margin-top: 20px;
  padding:2em;
  width:100%;
  background:#e6e6e6;
}

.photo-browser .gallery-thumbnails img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid #e6e6e6;
  transition: border-color 0.3s;
  border-radius:0.5em;
  background:#FFF;
  display:inline-block;
  margin:0.25em;
}

.photo-browser .gallery-thumbnails img:hover,
.photo-browser .gallery-thumbnails img.active {
  border-color: #1a1a1a;
}

.photo-browser .gallery-navigation .nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 36px;
  cursor: pointer;
  user-select: none;
}

.photo-browser .left-arrow {
  left: 30px;
}

.photo-browser .right-arrow {
  right: 30px;
}

.photo-browser .close-modal {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 36px;
  font-weight: bold;
  cursor: pointer;
}
.photo-browser .left-arrow,
.photo-browser .right-arrow,
.photo-browser .close-modal {
  color:#1a1a1a;
}
.photo-browser .left-arrow:hover,
.photo-browser .right-arrow:hover,
.photo-browser .close-modal:hover {
  color:#da0000;
}

.product-image.clickable {
  position:relative;
  cursor:pointer;
}

.product-image .photo-counter {
    position: absolute;
    bottom: -1.5em;
    right: 0.5em;
    color: #1a1a1a;
    font-size: 0.8em;
    padding: 1em 0.5em 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    opacity:0.5;
}

.product-image .photo-counter .icon-picture-1 {
    font-size: 1.2em;
}

.product-image:hover .photo-counter {
  opacity:1;
}

/*******************************************/
/*   Buy Now Table
/*******************************************/

div.buy-now { max-width: 1200px; margin:auto; }
div.buy-now th.buy-column { width:50px; }
div.buy-now .button { margin-right:2em; margin-bottom:0; }
div.buy-now tbody tr:hover { background:#DDD; }
div.buy-now td.part-column { white-space:nowrap; }
.modals div.buy-now { max-width:100%; }
div.buy-now tfoot td { text-align: center; vertical-align: midde; font-size:0.8em; }
div.buy-now tfoot td img { max-height:1.2em; vertical-align: midde; margin:0.5em; }
div.buy-now tfoot td a { color:#1a1a1a; display: inline-flex; align-items: center; gap: 0; opacity:0.5; }
div.buy-now tfoot td a:hover { opacity:1; }


body.product.v4 .gallery img {
  max-width:240px;
}
.buy-now-box {
  background: #e6e6e6;
  border-radius: 2em;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.buy-now-box form {
  padding: 0.25em 1em 1em 1em;
  position: relative;
}

.buy-now-box div.more-options {
  height: 0;
  overflow: hidden;
  background: #f6f6f6;
  position: relative;
}

.buy-now-box form:after {
  content: " ";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #CCC;
  z-index: 1;
}

.buy-now-box div.more-options table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #FFF;
}

.buy-now-box div.more-options th,
.buy-now-box div.more-options td {
  padding: 0.5em;
  text-align: center;
  vertical-align: middle;
}

.buy-now-box div.more-options img {
  max-width: 80px;
  max-height: 30px;
  vertical-align: middle;
}

.buy-now-box div.more-options .button {
  margin-bottom: 0 !important;
}

.buy-now-box table {
  font-size: 0.9em;
  margin: 0.5em 0;
}

.buy-now-box .more-container {
  padding: 1em 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.buy-now-box .more-container > div[data-part] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.buy-now-box .button {
  width: 100%;
  margin: 0.25em 0;
  text-align: left;
  position: relative;
}

.buy-now-box .button:before {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%) scaleY(1);
  transition: transform 1s ease;
}
.buy-now-box .recommendation {
  padding:0 0.5em;
  text-align:center;
  
}
.buy-now-box .recommendation p {
  margin-top:0;
  font-style: italic;
  
}
.buy-now-box .recommendation b {
  display:inline-block;
word-break: break-all;
}
.buy-now-box button.more-options {
  margin-bottom: 0;
  background:transparent;
}
.buy-now-box button.more-options:hover {
  background:#FFF;
  color:#da0000 !important;
}

.buy-now-box button.more-options.expanded:before {
  transform: translateY(-50%) scaleY(-1);
}

.buy-now-box button.more-options.expanded {
  background: #1a1a1a;
  color: #FFF !important;
}

.buy-now-box button.buy-now.loading::before {
  display:none;
}
.buy-now-box button.buy-now.loading::after {
    content: "";
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    animation: spinner 0.75s infinite linear;
}

@keyframes spinner {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

.buy-now-box select {
  min-width: 0 !important;
  width: 100%;
  margin-top: 0.5em;
}

.buy-now-box .part-details {
  display: none;
}

.buy-now-box .part-details.show {
  display: block;
}

.buy-now-box .current .number span {
  display: block;
  padding: 1em 0 0.5em;
  font-weight: bold;
  font-size: 1.2em;
  word-break: break-all;
}

.buy-now-box .current .number span:before {
  display: none;
  color: #da0000;
}

.buy-now-box h3{
  display: block !important;
  font-size: 1.4em;
  text-align: center;
  background: #1a1a1a;
  color: #FFF;
  padding: 1rem;
  margin-top: 0 !important;
}

.buy-now-box h5 {
  display: none;
  font-size: 1em;
  padding: 0.5rem 0.25rem 0.25rem;
}

.buy-now-box select {
  padding-top: 0.55em;
  padding-bottom: 0.55em;
  border-radius: 2em;
  width: 100%;
  border: 2px solid #FFF;
  background: initial;
  background-color: #FFF;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 13.8" style="enable-background:new 0 0 24 13.8;" xml:space="preserve"><style type="text/css">.st0{fill:%23da0000;}</style><g><path class="st0" d="M12,11.3c-0.3,0-0.5-0.1-0.7-0.3L3.9,3.6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L12,8.8l6.7-6.7c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4L12.7,11C12.5,11.2,12.2,11.3,12,11.3z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
  color: #da0000;
  box-shadow: none;
  border: 2px solid #da0000;
}

/* .buy-now-box select:hover {
  background-color:#f31919;
  color:#FFF;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 13.8" style="enable-background:new 0 0 24 13.8;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><g><path class="st0" d="M12,11.3c-0.3,0-0.5-0.1-0.7-0.3L3.9,3.6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L12,8.8l6.7-6.7c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4L12.7,11C12.5,11.2,12.2,11.3,12,11.3z"/></g></svg>');
} */

.buy-now-box select.currently-selected {
  border-color: #ddd;
  color:#1a1a1a;
  background-color:#FFF;

}

.buy-now-box select:hover {
  background-color:#FFF;
  border-color: #1a1a1a;
  color:#1a1a1a;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 13.8" style="enable-background:new 0 0 24 13.8;" xml:space="preserve"><style type="text/css">.st0{fill:%231a1a1a;}</style><g><path class="st0" d="M12,11.3c-0.3,0-0.5-0.1-0.7-0.3L3.9,3.6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L12,8.8l6.7-6.7c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4L12.7,11C12.5,11.2,12.2,11.3,12,11.3z"/></g></svg>');
}

.buy-now-box .more-options .button {
  padding: 0.5em 1em;
  min-width: 0;
  width: auto;
}
.buy-now-box .part-details .current {
 display:flex; 
 align-items:center;
 padding:1em 0;
 justify-content: center;
}
.buy-now-box .part-details .current .photo {
  width:100%;
  max-width:100px;
  margin-right:1em;
}
.buy-now-box .part-details .current .photo img {
  border-radius:0.5em;
}
.buy-now-box .part-details .current .number div {
  line-height:1.4em;
  margin-bottom:0.5em;
}

.buy-now-box .part-details .stock {
  color: #da0000;
  padding-right: 1em;
  margin-bottom: 1em;
}

.buy-now-box .part-details table {
  /* display:none; */
  margin-bottom: 1em;
}

.buy-now-box .part-details table tr td:last-of-type,
.buy-now-box .part-details table tr th:last-of-type {
  text-align: right;
  border-left: 1px solid #FFF;
}

.buy-now-box .part-details table tr th {
  border: none !important;
  background: #FFF !important;
}

.buy-now-box .part-details table tr td,
.buy-now-box .part-details table tr th {
  padding: 0.5em 1em;
}
/*******************************************/
/*   Distributors Table
/*******************************************/
div.view-distributors { max-width: 1200px; margin:auto; }
div.view-distributors  th.link-column { width:50px; }
div.view-distributors .button { margin-right:2em; margin-bottom:0; }
div.view-distributors tbody tr:hover { background:#DDD; }
.modals div.view-distributors { max-width:100%; }

/*******************************************/
/*   Product Teaser Styles
/*******************************************/
.view-products img { width:100%; max-width: none; }
.view-products .block-entity-fieldnodefield-specifications-two { padding:0 1em; border-top: 1px solid #e6e6e6; }
.view-products .block-entity-fieldnodefield-specifications-two > div > div:nth-child(even) { background:none; }

.view-product-category.view-display-id-block_1 { padding-top:2rem; }
.paragraph .view-product-category.view-display-id-block_1 { padding-top:0; }
.view-product-category.view-display-id-block_1 h2 { padding-bottom:2rem; margin-bottom:1rem; color:#1a1a1a; text-align:center; }

.view-products { padding:0 2rem; }
.view-products.side-scroller { padding-left:0; padding-right:0; }
.view-products .view-products { padding:2em 0 0; }
.view-products .view-content ul { display:flex;  list-style: none; flex-wrap: wrap; padding-left:0; justify-content: center;  }
.view-products .view-content li { display:block; width:23%; margin:3% 1%; padding:1em 0 3em 0; position:relative; align-items: center; border-radius:1em; border: 1px solid #e6e6e6; transition: box-shadow .2s ease, border .2s ease; background: #FFF; }
.view-products .view-content li.clickable:hover {  border-color: #da0000;   box-shadow: 0 0 0.5em rgba(218, 0, 0, 0.2); }
.view-products .view-content li.clickable:hover h3 a { color:#da0000; }
.view-products .view-content li h3 { margin-top:1rem; font-size:1.4em; padding:0 1rem; line-height:1.2; }
.view-products .view-content li h3 a { color:#1a1a1a; }
.view-products .view-content .views-field-field-tags { display:none; }
.view-products .view-content .learn-more-button { padding:0 1rem; position:absolute; left:0; bottom:1.5em; }
.view-products.product-tiles .view-content article { position:relative; }
.view-products.product-tiles .view-content li { text-align:left; }
.view-products.product-tiles .view-content li .lifecycle { position:absolute; background:#A7A8AF; z-index:1; top:0.35em; right:-11px; padding:0.25em 0.5em; line-height:1em; text-transform: uppercase; letter-spacing: 1px; color:#FFF; }
.view-products.product-tiles .view-content li .lifecycle.active { background:#61a60e }
.view-products.product-tiles .view-content li .lifecycle .front { font-size:0.8em; }
.view-products.product-tiles .view-content li .lifecycle .bottomright { bottom: -5px; position: absolute; z-index: 1; border-style:solid; height:0px; width:0px; right: 0; border-color: transparent transparent transparent #1a1a1a; border-width: 0 0 5px 10px; }
.view-products.product-tiles .view-content li .lifecycle.active .bottomright { border-color: transparent transparent transparent #61a60e; }

.view-products.product-tiles .view-content li .low-as-price { padding:0.25em 1rem; font-weight:bold; font-size:1.1em; }

.view-products .view-content li.clickable:hover .lifecycle { background:#da0000; }
.view-products .view-content li.clickable:hover .lifecycle .bottomright { border-color: transparent transparent transparent #883808; }

.view-products.product-tiles .view-content li.show-discontinued span.icon-plus { font-size:1.4em; font-weight:bold; text-align: center; display:block; line-height:130%; color:#da0000; }
.view-products.product-tiles .view-content li.show-discontinued span.icon-plus:before { display:block; width:100%; margin:0; padding:0; text-align:center; font-size:4em; }
.view-products.product-tiles .view-content li.show-discontinued span.icon-plus span { display:block; color:#a7a8a9; margin-bottom:1em;}

.view-products.product-tiles .view-content li.discontinued { display:none; }
.view-products.product-tiles .view-content li.discontinued.show { display:block; }
.view-products.product-tiles .view-content .tag-filter-results.show-all li.discontinued.tagged:not(.show), .tag-filter-results li.discontinued.show-tag.tagged:not(.show) { display:none !important; }

.view-products .view-empty { text-align:center; }

.view-products .view-product-specifications .view-empty { text-align:left; }
.view-products .view-product-specifications .view-product-specifications { padding:0; margin:0; }

.view-products .view-product-specifications { margin:0.5em 1em; padding:0.5em 0; }
.view-products .view-product-specifications .views-row { background:transparent; }
.view-products .view-product-specifications .spec-content { display:block; padding: 0 0 0.25em; }
.view-products .view-product-specifications .spec-content .specification { margin-right:0; margin-bottom:0.25em; min-width:0; font-size:0.8em; margin-bottom:0; }

.view-products .contextual { display:none !important; }

.view-products .views-field-field-overview-summary { font-size: 14px; margin: 0.5em 1em;} 
.view-products .views-field-field-overview-summary p { line-height: 130%;} 



.view-products.view-display-id-block_3 { padding:0; }
.view-products.view-display-id-block_3 > .view-content { max-width:1200px; margin:auto; text-align:center;  }
.view-products.view-display-id-block_3 .view-product-specifications .view-empty { text-align:center; }
.view-products.view-display-id-block_3 li { width:31.33%; padding:1em; border-color:transparent; }
.view-products.view-display-id-block_3 .view-homepage-paragraphs { margin-top:3rem; }
/*
.view-products.view-display-id-block_3 li.clickable:hover { background:#da0000; }
.view-products.view-display-id-block_3 li h3 { margin-top:0; font-weight:normal; } 
.view-products.view-display-id-block_3 .field_media_image article { border-radius: 100%; overflow:hidden; }
.view-products.view-display-id-block_3 li:hover a { color:#FFF; }
.view-products.view-display-id-block_3 .content { display:flex; align-items: center; }
.view-products.view-display-id-block_3 .field_media_image img { display:block; }
.view-products.view-display-id-block_3 h3 { width:70%; }
.view-products.view-display-id-block_3 article > .content > .field_media_image { width:30%; }
.view-products.view-display-id-block_3 article > .content > .field_media_image .field_media_image { width:100%; }
*/

.view-products.view-display-id-attachment_1 .view-content {display: none;}
.view-products.view-display-id-attachment_1 .view-content.show {display: block;}



/* Certified Antennas **********************/
.view-products.view-display-id-block_4 { }



/*******************************************/
/*   Contact Page Styles
/*******************************************/

.block-views-blockcontact-blocks-block-1 { max-width:1200px; padding:2em 1rem 1em; margin:auto; }
.block-views-blockcontact-blocks-block-1 h2 { text-align:center; }
.block-views-blockcontact-blocks-block-1 .view-content { display:flex; flex-wrap: wrap; justify-content: center; }
.block-views-blockcontact-blocks-block-1 .views-row { padding:0 1rem 2rem; width:33.3%; text-align:center; line-height:150%; display: none;}
.block-views-blockcontact-blocks-block-1 .views-row.show {display: block;}
.block-views-blockcontact-blocks-block-1 .field_title { font-size:1.4em; font-weight:bold; border-bottom:2px solid #e6e6e6; padding:0.5rem 1em; margin-bottom:0.5rem; color:#da0000; }

.contact-button { cursor:pointer; }
.contact-button h2:after { content: '\e80e'; font-family: "fontello";  font-style: normal;  font-weight: normal;  speak: none;  display: none;  text-decoration: inherit;  width: 1em;  margin-right: .2em;  text-align: center;  font-variant: normal;  text-transform: none;  line-height: 1em;  margin-left: .2em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.contact-button:hover h2:after { display:inline-block !important; }

body.path-webform main.main { padding-bottom:0 !important; }
body.path-webform .webform-submission-form { margin-top:-3em; max-width: 1200px; }
body.path-webform .form-type-buttons { display:none; }

.form-required:after { content:"*"; color: #da0000;  }

.webform-submission-form .hidden { display:none !important; }

.webform-submission-form .form-type-buttons a { display:none; }
.webform-submission-form .form-type-buttons a.show { display:inline-block; }


/*******************************************/
/*   Forum Styles
/*******************************************/

body.forum .radix-layouts-header { box-shadow:none; }

body.forum .block-region-header { background:#e6e6e6; display:flex; flex-wrap:wrap;  }
body.forum article h3 { display:none; }

body.forum .block-page-title-block h1:before { content:"Forum Topic"; display:block; font-size:1rem; color:#FFF; margin-bottom:0.5em; opacity: 0.6; }

body.forum .block-region-header .block { width:50%; padding:1em;  }
body.forum .block-region-header .block-entity-fieldnodeuid span { font-weight:bold; }
body.forum .block-region-header .block-entity-fieldnodeuid:before { content:"Topic by "; }
body.forum .block-region-header .block-entity-fieldnodecreated { text-align:right; }

body.forum .block-region-header .breadcrumb { width:100%;  background:#FFF; padding-bottom:2em; }

body.forum .block-system-main-block section article { padding:1em; border-left:2px solid #da0000; margin-bottom:1em; }

body.forum main h2 { text-align:center; margin-top:2rem; color:#1a1a1a; padding-left:2rem; padding-right:2rem; }
body.forum main h2:after { content:" "; height:0.2rem; background:#da0000; max-width:5em; width:100%; display:block; margin:0.75rem auto; }

body.forum .block-system-main-block .body { padding:1em; border-bottom:2px solid #e6e6e6; margin-bottom:1em; }

body.forum .block-system-main-block section article footer { color:#a7a8a9; display:flex; flex-wrap: nowrap; align-items: center; }
body.forum .block-system-main-block section article footer article { padding:0; display:none; }
body.forum .block-system-main-block section article footer p span { font-weight:bold; color:#1a1a1a;}
body.forum .block-system-main-block section article footer p { width:100%; margin:0.5em 0; }
body.forum .block-system-main-block section article footer > a { display:block; width:2em; height:2em; overflow:hidden; background:#e6e6e6; border-radius: 100%; line-height:2em; }
body.forum .block-system-main-block section article footer > a:before { content: '\e825'; font-family: "fontello"; width:1em; padding:0.5em; line-height:1em; margin-right:2em; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
body.forum .block-system-main-block section article footer > a:hover { background:#da0000; color:#FFF; }

body.forum .block-entity-fieldnodecomment-forum article mark { display:inline-block; background:#da0000; padding:0.5em; border-radius:0.25em; text-transform: uppercase; color:#FFF; font-size:0.8em; font-weight:bold; }

body.forum .block-system-main-block section article .comment_body p { margin:0.5em 0; }

body.forum .block-system-main-block section article ul.links { list-style: none; display:flex; flex-direction: row-reverse; justify-content: center; padding-left:0;  padding-top:1em; margin-top:0.5em; border-top:1px solid #e6e6e6; }
body.forum .block-system-main-block section article ul.links li { padding:0 1em; }
body.forum .block-system-main-block section article ul.links a:before { font-family: "fontello"; padding-right:0.25em; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
body.forum .block-system-main-block section article li.comment-delete a:before { content: '\e809'; }
body.forum .block-system-main-block section article li.comment-edit a:before { content: '\e821'; }
body.forum .block-system-main-block section article li.comment-reply a:before { content: '\e824'; }
body.forum .block-system-main-block section article ul.links a:hover { color:#da0000; }

body.forum li.comment-add { display:none; }

form.comment-form { max-width:800px; margin:auto; padding:1em 2rem; }

form.comment-form .js-form-type-textarea, form.comment-form .field--type-text-long .form-item { flex-wrap: wrap; width:100%; }
form.comment-form .js-form-type-textarea { padding-bottom:0; }
form.comment-form .js-form-type-textarea label { width:100%; }
form.comment-form .js-form-type-textarea > div, form.comment-form .js-form-type-textarea textarea { width:100%; display:block; }
form.comment-form .field--type-text-long .filter-wrapper { width:100%; font-size:0.8em; border:0; line-height:1.2em; }

section.forum { max-width:1200px; margin:auto; padding-left:2rem; padding-right:2rem; overflow-x: auto;  }
section.forum table { width:100%; min-width:600px; }
section.forum thead { background:#1a1a1a; color:#FFF; }
section.forum thead a { color:#FFF; }
section.forum thead a:hover { color: #da0000; }
section.forum td.parent {   border-bottom:2px solid #1a1a1a; background:#FFF; padding-top:1em; }
section.forum td.parent a { color:#1a1a1a; font-size:1.2em; }
section.forum td a:hover { color: #da0000; }

section.forum td.topics, section.forum td.posts, section.forum td.recent, section.forum td.forum__replies, section.forum td.forum__last-reply { text-align:center; }
section.forum td.recent span span, section.forum td.forum__last-reply span span { font-weight:bold; }

section.forum td.forum__topic .forum__title div:last-of-type { font-size:0.8em; margin-top:0.5em; }
section.forum td.forum__topic .forum__title div:last-of-type span span { font-weight:bold; }

body.path-forum .block-system-main-block > .action-links { list-style: none; max-width:1200px; padding-left:2rem; padding-right:2rem; margin:1em auto 0; text-align:right; }
body.path-forum .block-system-main-block > .action-links a:before { content:"\e827"; font-family: "fontello"; padding-right:0.5em; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }


/*******************************************/
/*   Resources Overview Styles
/*******************************************/

body.resource main.main{ background:#FFF; }

body.resource .block-page-title-block { padding-bottom:2em;  }
body.resource .block-page-title-block h1 { color:#FFF; }

body.resource_category main.main,
body.page-node-9278 main.main { background:#e6e6e6; }

body.overview.page-node-9278 .views-element-container { margin:0 auto; }

body.page-node-9278 .block-views-blockresources-block-7 { padding-top:2em; }


body.resource_category .block-system-main-block,
body.page-node-9278 .block-system-main-block { max-width:none; padding:0; }
body.resource_category .block-page-title-block,
body.page-node-9278 .block-page-title-block { display:none; }
body.resource_category main,
body.page-node-9278 main { padding-top:0; padding-bottom: 0; }
body.resource_category header,
body.page-node-9278 header { background:none; }

body.resource_category .block-region-content > .block:first-of-type > .paragraph,
body.page-node-9278 .block-region-content > .block:first-of-type > .paragraph { padding-top: 4em; }

body.resource_category .view-resources .view-content { max-width:1200px; margin:auto; }
body.resource_category .view-resources nav { max-width:1200px; margin:auto; } 
body.resource_category .view-resources nav ul { display:block; text-align: center; }
body.resource_category .view-resources nav ul li { display:inline-block; vertical-align: center; }


body.resource_category .block-views-blockresources-block-4 { padding-top:2em; }
.view-resources.view-search .view-header { max-width:1200px; padding-top:2em; text-align:center; margin:auto; }
body.resource_category .views-element-container h2,
body.page-node-9278 .views-element-container h2 { color:#1a1a1a; text-align:center; }

body.page-node-9278 .featured-videos { margin:2em 1em; }
body.page-node-9278 .featured-videos ul { display: grid; grid-gap: 2em;  grid-template-columns: 70%; }
body.page-node-9278 .featured-videos li .content { padding-bottom:0; }
body.page-node-9278 .featured-videos li { width:100%; margin:0; }
body.page-node-9278 .featured-videos li p.bottom { display:none; }
body.page-node-9278 .featured-videos li .body { display:none; }
body.page-node-9278 .featured-videos .item-list li:nth-child(1) { grid-row: 1 / span 2; grid-column: 1; }
body.page-node-9278 .featured-videos .item-list li:nth-child(1) img { width:100%; }
body.page-node-9278 .featured-videos .item-list li:nth-child(1) h3:before { content:"Video Spotlight: "; }
body.page-node-9278 .featured-videos .item-list li:nth-child(2) { grid-column: 2; grid-row: 1; }
body.page-node-9278 .featured-videos .item-list li:nth-child(3) { grid-column: 2; grid-row: 2; }

.paragraph--type--resources .view-resources ul { justify-content: center; }

.paragraph--type--faqs h2 { text-align:center; margin-top:2em; }

.paragraph-title-prn .content { max-width:1200px; padding:3em 1em; margin:auto; }
  
.view-resources ul {
    display: flex;
    flex-wrap: wrap;
    padding-left:1rem !important;
    padding-right:1rem !important; 
}

.view-resources .view-content li {
    padding:1em 1rem;
    width: 30%;
    margin: 2em 1.5%;
    position: relative;
    background: #FFF;
    border-radius:1em;
}


.view-resources .view-content li p.bottom { position: absolute; bottom: 0; left: 0; padding: 1em; width: 100%; margin: 0; }
.view-resources li .content { padding-bottom: 4em; }

.view-resources .view-content li img {
  border-radius:0.5em;
}


.view-resources .view-content li .button { border-radius:.5em; margin-bottom:0; text-align:left; }
.view-resources .view-content li .button:after { 
  color:#FFF;
}

.view-resources.stacked ul { 
  padding:0 !important;
}
.view-resources.stacked .view-content li {
    padding:1em 1rem;
    width: 100%;
    margin: 1.5em 0;
    position: relative;
    background: #FFF;
    border-radius:1em;
    border:2px solid transparent;
    box-shadow:none;
}
.view-resources.stacked .view-content li.clickable:hover {
  box-shadow:none;
  border-color:#e6e6e6;
}

.view-resources.stacked .view-content li .content {
  display:flex;
  flex-wrap: nowrap;
  padding:0 !important;
  align-items:center;
}
.view-resources.stacked .view-content li .field_media_image {
  width:25%;
}
.view-resources.stacked .view-content li .field_media_image img {
  width: auto;
  border-radius:0.5em;
  display:block;
  margin:auto;
  max-height:260px;
}
.view-resources.stacked .view-content li .info  {
  width: 75%;
  padding-left:1em;
}
.view-resources.stacked .view-content li p.bottom {
  position:relative;
  padding:0;
}
.view-resources.stacked .view-content li .button {
  width:auto;
  border-radius:1.5em;
  text-align:left;
  min-width:0;
}
.view-resources.stacked .view-content li .button.arrow-button:after {
  opacity:1;
  color:#FFF;
  right:1em;
}
.view-resources.stacked h3 {
  padding-top:0;
}

.view-resources .views-field-title,
.view-resources .views-field-body,
.view-resources .views-field-view-node {
    margin: 20px auto;
    max-width: 90%;
}
.view-resources h3 { padding-top:0.5rem; }

.article-teaser .field_media_image {
  margin-bottom:1em;	
}
 
.article-teaser h3 {
    font-weight: bold;
    font-size: 1.2em;
}
.article-teaser .body {
  line-height: 1.4em;
}


.view-resources .views-field-view-node a {
    color: #fff;
}

.view-resources .view-filters {
    padding: 1em 2rem;
    background: #eee;
    max-width: 100%;
    margin: 0 0 1rem;
}

.view-resources .view-filters form { display:flex; align-items:center; max-width:1200px; margin:auto; }
.view-resources .view-filters .form-item-title { width:100%;  }
.view-resources .view-filters #edit-sort-bef-combine--wrapper.form-item { padding:0 1em;}

.view-resources .view-filters input[type=text] { padding: 0.25em 0.5em; font-size: 1.2em; margin-right: 1em; width:100%;}
.view-resources .view-filters input[type=submit] { background: #da0000; color:#FFF; margin:0; }
.view-resources .view-filters input[type=submit]:hover { background:#f31919; }

.view-resources .view-filters #edit-sort-bef-combine--wrapper legend, .view-resources .view-filters .fieldgroup legend {
    display: none;
}

.view-resources .view-filters .form-radios {
    display: flex;
    white-space: nowrap;
}

.view-resources .view-filters .form-radios .form-item {
    margin-right: 15px;
    padding:0;
    flex-wrap:nowrap;
}
.view-resources .view-filters .form-radios label {
  min-width:0;
  padding:0 0 0 0.5em;
}
.view-resources .view-filters .form-actions {
  margin-top:0;
}

/*** Support Center ***/
#views-exposed-form-support-center-block-1 {
    display: flex;
    align-items: baseline;
    padding: 0;
    margin-bottom: 15px;
}

#views-exposed-form-support-center-block-1 .form-item-title {
    width: 85%;
    padding-right: 15px;
}

#views-exposed-form-support-center-block-1 .form-item-title input {
    padding: 13px;
}

#views-exposed-form-support-center-block-1 .view-support-center .view-content {
    display: flex;
    flex-wrap: wrap;
}

#views-exposed-form-support-center-block-1 .view-support-center .view-content .group {
    width: 45%;
    margin-bottom: 25px;
}

#views-exposed-form-support-center-block-1 .view-support-center .view-content .group:nth-child(odd) {
    margin-right: 25px;
}
#views-exposed-form-support-center-block-1 .view-support-center h3 {
    margin-bottom: 15px;
}

#views-exposed-form-support-center-block-1 .view-support-center .views-field-title a {
    display: list-item;
    margin-left: 19px;
    margin-bottom: 10px;
}


.block-views-blocksupport-center-block-2 .views-field-title {
  padding:0.25em;
}

.block-views-blocksupport-center-block-2 .views-field-title .support-type {
  font-size:0.8em;
  text-transform: uppercase;
  font-weight:bold; 
  color:#666;
  display:inline-block;
  border:1px solid #666;
  padding:0.25em;
  margin:0.5em 0.5em 0.5em 0em;
  
}
.block-views-blocksupport-center-block-2 .views-field-title a:hover {
  color:#da0000;
}


a.tabledrag-handle .handle {
    width: 24px;
    height: 24px;
}


.support-tiles { display:flex; flex-wrap:nowrap; width:100%; padding-left:0; margin-top:-2em; z-index:2; position:relative; }
.support-tiles a { position:relative; display:block; width:30%; margin:0 1.66%; border-radius:0.5em; background:#e6e6e6; padding:2em;  transition: color .2s ease, box-shadow .2s ease, transform .3s ease, background .3s ease;; color:#1a1a1a;  }
.support-tiles a:hover { box-shadow: 0px 4px 10px rgba(0,0,0,0.2); transform: scale(1.03); color:#da0000;  }
.support-tiles a h2 { color:inherit; }

.support-tiles a.blue { background:#da0000; color:#FFF; }
.support-tiles a.blue:hover { background:#e41e1e;  }
.support-tiles a.orange { background:#ded4c8; color:#1a1a1a; }
.support-tiles a.orange:hover { background:#c9b79f; }
.support-tiles a.green { background:#e6e6e6; color:#1a1a1a; }
.support-tiles a.green:hover { background:#d6d6d6; }

.support-tiles a span[class^="icon-"] { font-size:2em; display:block; }

/*******************************************/
/*   Resources Page Styles
/*******************************************/

body.article main { padding-top:0; padding-bottom:0; }
body.article header { background:none; }

body.article .block-page-title-block { padding-top:7em; padding-bottom:3em; }

body.article .block-page-title-block .description { margin-bottom:1em; }
body.article .block-page-title-block .description p { opacity:1; font-size:1.4em; color: #dfd5c8; }

body.article div.body h2 { margin-top:2rem;}

body.article .block-system-main-block { max-width:none; padding:0;  }


body.article .block-page-title-block p { color:#e6e6e6; }
body.article .block-page-title-block h1 + p { padding-top:0.5em; }

body.article .radix-layouts-column1 { background:#e6e6e6; width:100% !important; }
body.article .radix-layouts-column2 { width:0 !important; }

body.article .radix-layouts-header { margin: auto; padding: 8em 2rem 5em 4em; background: #1a1a1a; color: #FFF; margin-bottom: 1em; text-align: left; margin-bottom:0; }
body.article .radix-layouts-header h1 { max-width: 1200px; margin: auto; font-size: 3.2em; }

body.article .radix-layouts-column1 .block-region-column1 { display:flex; max-width:1200px; margin:auto; }
body.article .radix-layouts-column1 .block-region-column1 .block { display:block; width:100%; text-align: center; padding:1em; }

body.article .radix-layouts-column1 .block-region-column1 .block-entity-fieldnodefield-category { text-align:left; }
body.article .radix-layouts-column1 .block-region-column1 .block-entity-fieldnodecreated { text-align:right; }

body.article .radix-layouts-column1 .field_category a:before { content:'\e80f'; font-family:"fontello"; width:1em; line-height:1em; padding-right:0.5em; }
body.article .radix-layouts-column1 .field_category a { font-weight:bold; }
body.article .radix-layouts-column1 .field_category a:hover { padding-left:0; margin-left:-0.5em; }
body.article .radix-layouts-column1 a:hover { color:#da0000; }

body.article  .radix-layouts-footer .block-entity-fieldnodefield-paragraphs { margin-top:2rem; }
body.article .layout--onecol .block-entity-fieldnodefield-paragraphs > .paragraph:first-of-type { padding-top: 4em; }
body.article .layout--onecol .block-entity-fieldnodefield-paragraphs > .paragraph:first-of-type > ul.preview { top:5em; }

body.article .block-region-middle { display:flex; flex-direction: row-reverse; max-width:1200px; margin:auto; padding-top:2em; padding-bottom:2em; }
body.article .block-region-middle .block-entity-fieldnodebody { width:100%; padding:0 2rem 0 1rem; }
body.article .block-region-middle .block-entity-fieldnodebody h2 { text-align:left; }
body.article .block-region-middle .block-entity-fieldnodefield-media-image { width:auto; padding:0 2rem; text-align:center; margin-top:1em; }
body.article .block-region-middle .block-entity-fieldnodefield-media-image img { max-width:400px; width:100%; }

body.article .block-system-main-block p a:hover { color: #da0000 } 

body.article .block-entity-fieldnodefield-video-embed { max-width:700px; margin:1em auto;}
body.article .block-entity-fieldnodefield-distributor-url { padding:0.5em 2rem; }
body.article .block-entity-fieldnodefield-file { padding:0.5em 1rem; max-width: 1200px; margin: auto; }
body.article .block-entity-fieldnodefield-file .file:before { content: "Download: "; font-weight:bold; }


body.article .tags { background: #e6e6e6; width:100%; padding:1em 1em; margin-top:0.25em; margin-bottom:0.25em; }
body.article .tags section.center { display:flex; flex-wrap: nowrap; }
body.article .tags b { display:block; white-space: nowrap; margin-right:2em; }
body.article .tags ul { padding:0; margin:auto; max-width:1200px; list-style: none; width:100%; }
body.article .tags ul li { display:inline-block; padding-right:1em; margin-right:1em; }
body.article .tags ul a:after { content: '\e837'; font-family: "fontello"; padding-left:0.5em; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center;  font-variant: normal;  text-transform: none;  line-height: 1em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; -webkit-transition: padding .2s ease, margin .2s ease;-moz-transition: padding .2s ease, margin .2s ease;-o-transition: padding .2s ease, margin .2s ease;transition: padding .2s ease, margin .2s ease; }
body.article .tags ul a:hover:after {  padding-left:0.75em; margin-right:-0.25em; color: #1a1a1a; }
body.article .tags ul a:hover { color: #1a1a1a;  }

.archived-message { background:#e6e6e6; padding:2em; border-radius:0.5em; border:2px solid #1a1a1a; color:#1a1a1a; margin:1em auto 0; max-width:1200px; }
.archived-message p { margin:0; }

section.subscribe-resources { background:#1a1a1a; }
section.subscribe-resources .container { max-width:1200px; margin:auto; display:flex; align-items: center; flex-wrap:no-wrap; padding:2em 1em; }
section.subscribe-resources .content { width:50%; color:#FFF; }
section.subscribe-resources h2 { color:#da0000; }
section.subscribe-resources form { width:50%; }
section.subscribe-resources form button { margin-left:auto; margin-right:auto; }

/*******************************************/
/*   Search Styles
/*******************************************/


body.search article .label { color:#FFF; background:#da0000; font-size:0.8em; border:2px solid #da0000; text-transform:uppercase; display:inline-block; padding:0.25em 0.5em; border-radius:0.25em; font-weight:bold; margin-bottom:1rem; }
body.search article .label.sub { color:#AAA; border-color:#AAA; background:transparent; }
body.search article .label.blue { color:#888; border-color:#888; background:transparent; }
body.search article { margin-bottom:1em; padding:1em; border-bottom:1px solid #CCC; padding-bottom:1em; display:flex; flex-wrap:nowrap; }
body.search article .photo { width:160px; }
body.search article .content { width:100%; padding-left:2em; }
body.search article:last-of-type { border:0; }

body.search .total-message { font-size:1.2em; text-align:center; background:#EFEFEF; border-radius:0.5em; padding:1em; margin-bottom:2em; }
body.search .no-results-message { font-size:1.2em; text-align:center; border:2px dashed #EFEFEF; border-radius:0.5em; padding:1em; margin-bottom:2em; }

body.search section.center { padding-top:2em; padding-bottom:4em;}


body.search .block-page-title-block form { display:flex; flex-wrap:nowrap; max-width: 1200px; margin: auto; }
body.search .block-page-title-block form h1 { width:7em; }
body.search .block-page-title-block button { display:none; }
body.search .block-page-title-block input[type=text] { width:100%; border-radius: 0; border:none; border-bottom:4px solid #585e65; background:#424a52; box-shadow: none; font-size:3.2em; padding:0.25rem 1rem; color:#FFF; }
body.search.with-results .block-page-title-block form h1 { width:15em; }
body.search .block-page-title-block input[type=text]:hover { background:#6c7278; border-color:#82868c; }

[data-iris-search] {
  position: relative;
  background: #e6e6e6;
  border-radius: 8px;
  padding: 2em;
  margin: 1.5em 0;
  color: #222;
}

[data-iris-search]::before {
  content: "Iris AI Results (Admin Testing)";
  position: absolute;
  top: 1em;
  left: 1.5em;
  font-size: 0.9em;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

[data-iris-search] ul {
  list-style: none;
  padding: 0 !important;
  margin: 1em 0 0 0;
}

[data-iris-search] li {
  margin: 0.3em 0;
}

[data-iris-search] a {
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
}

[data-iris-search] a:hover {
  color: #da0000;
}

[data-iris-search] em {
  color: #555;
  font-style: italic;
}

ul.search-cloud { list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
ul.search-cloud li { display:block; padding:0.5rem; }
ul.search-cloud li[data-weight="2"] { font-size:1.4em; }
ul.search-cloud li[data-weight="3"] { font-size:1.8em; }
ul.search-cloud li[data-weight="4"] { font-size:2.2em; }
ul.search-cloud li[data-weight="5"] { font-size:2.6em; }
ul.search-cloud li[data-weight="6"] { font-size:3em; }
ul.search-cloud li[data-weight="7"] { font-size:3.4em; }
ul.search-cloud li[data-weight="8"] { font-size:3.8em; }
ul.search-cloud li[data-weight="9"] { font-size:4.2em; }
ul.search-cloud li[data-weight="10"] { font-size:4.6em; }
body.search section.center a:hover { color:#1a1a1a; }

.view-search .views-field-search-api-rendered-item { width:100%; }
.search-teaser { display:flex; }
.search-teaser .photo { width:20%; padding:0.5em; }
.search-teaser .content { width:80%; padding:0.5em; line-height:150%; }
.view-search h5 { padding: 0.5em; color: #da0000; border-top: 2px solid #da0000; border-bottom: 2px solid #e6e6e6; }
.view-search a:hover { color: #da0000; } 

.search-teaser.type-documentation .photo img,
.search-teaser.type-faq .photo img,
.search-teaser.type-forum-topic .photo img,
.search-teaser.type-tags .photo img,
.search-teaser .photo img.icon,
.search-teaser.type-product_category .photo img { max-width:100px; margin:auto; display:block; width:100% }

.selector-antenna-tool { max-height:500px; overflow:auto; margin-bottom:1em; padding-bottom:2em; border-bottom:2px solid #1a1a1a; }
.selector-antenna-tool h2 { margin-bottom:1rem !important; text-align:center !important; }

.search-teaser.type-product .field_part { max-height:8em; overflow-y:auto; max-width:200px; width:auto; }

.search-teaser .field_files_media { font-weight:bold; }

#block-savesearch { max-width: 1200px; border: 6px solid #e6e6e6; margin:auto; padding:1em; border-radius:0.5em; }

#block-exposedformsearchpage-1-2 form {
    padding: 1em !important;
    display: flex;
    width: 100%;
    margin-bottom: 1em;
    max-width: 1200px;
    margin: auto;
    align-items:center;
}

#block-exposedformsearchpage-1-2 .form-actions {
  margin-top:0;
}
#block-exposedformsearchpage-1-2 .form-actions input {
  margin:0;
}
#block-exposedformsearchpage-1-2 form .js-form-item-search-api-fulltext {
    width: 90%;
    margin-right: 1%;
}

#block-exposedformsearchpage-1-2 form input[type=text] {
    height: 50px;
    font-size: 18px;
    width: 100%;
    padding: 0.5rem;
}

#block-exposedformsearchpage-1-2 form input[type=submit] {
    margin-bottom: 0px;
}

.view-search .views-row {
    display: flex;
    padding: 15px;
    align-items: center;
    margin-bottom: 15px;
}

.view-search .views-row:nth-child(even) {
    background: #e6e6e6;
}

.view-search .views-row .views-field-field-image {
    margin-right: 1%;
}

.view-search .views-row .title {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}

.view-search .views-row .body {
    line-height: 24px;
}

.pager {
    margin-top: 45px;
}

.pager ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pager ul li {
    list-style: none;
    margin: 0 15px;
}


/*******************************************/
/*   Paragraphs
/*******************************************/

.paragraph { position:relative; }


.paragraph ul.preview { display:none;  position:absolute; top:1rem; left:0;  text-align:left; padding:0; z-index:500; list-style: none; background:#FFF; min-height:2rem;  }
.paragraph--type--panel > ul.preview { top:-1rem; }
.paragraph:hover > ul.preview { display:flex; }
.paragraph ul.preview li { padding-left:0; }
.paragraph ul.preview > li { padding:0.5em !important; min-width:2rem; position:relative; cursor:pointer; margin-bottom:0; text-shadow:none !important; line-height:150%; }
.paragraph ul.preview li:before { display:none; color:#61a60e !important; height:1em; font-family:"fontello"; position:absolute; left:0; width:2rem; text-align:center; line-height:1em; }
.paragraph ul.preview li span { display:none; text-transform: uppercase; padding-right:2rem; }
.paragraph ul.preview li:hover { background:#61a60e !important; color:#FFF; }
.paragraph ul.preview li:hover span { display:block; font-weight:bold; color: #FFF; border-bottom:2px solid #FFF; }
.paragraph ul.preview li:hover:before { right:0; left:auto; color:#FFF !important; }
.paragraph ul.preview li.top-bar { border-top:2px solid #FFF; margin-top:0.5em; padding-top:0.5em; }
.paragraph ul.preview ul { display:none; position:relative; right:0; }
.paragraph ul.preview li:hover ul { display:block; list-style:none; }
.paragraph ul.preview ul li:hover { text-decoration: underline; }
.paragraph ul.preview ul li.selected { font-weight:bold; }
.paragraph ul.preview ul li.current:after { content:"*"; opacity:0.5; }
.paragraph ul.preview ul { padding-left:0 !important; padding-right:0 !important; }
.paragraph ul.preview li a { color:#FFF; text-decoration:underline; }

.paragraph ul.preview li.text-align:before { content: '\e819'; display:inline-block; }
.paragraph ul.preview li.bg:before { content: '\f020'; display:inline-block; }
.paragraph ul.preview li.photo:before { content: '\e814'; display:inline-block; }
.paragraph ul.preview li.photosize:before { content: '\e829'; display:inline-block; }
.paragraph ul.preview li.panelwidth:before { content: '\f0db'; display:inline-block; }
.paragraph ul.preview li.media:before { content: '\e805'; display:inline-block; }

.paragraph--type--paragraph {  padding:2rem 1rem; z-index:1; }
.paragraph--type--paragraph .content { max-width:1200px; margin:auto; display:flex;  }
.paragraph--type--paragraph.vertical-align .content { align-items: center; }
.paragraph--type--paragraph .field_paragraph_body { padding:1rem; }
.paragraph--type--paragraph .field_photo { padding:1rem; }
.paragraph--type--paragraph .field_photo img { width:100%; }
.paragraph--type--paragraph.photo-right .field_paragraph_body,
.paragraph--type--paragraph.photo-left .field_paragraph_body  { display:block; width: 65%;  }
.paragraph--type--paragraph.photo-right .field_photo,
.paragraph--type--paragraph.photo-left .field_photo { display:block; width: 35%; }

.paragraph--type--paragraph .field_paragraph_body *:first-child { margin-top:0; }


.paragraph--type--paragraph.bg-focus-half-left,
.paragraph--type--paragraph.bg-focus-half-right { padding:0; }

.paragraph--type--paragraph.bg-focus-half-left > .content,
.paragraph--type--paragraph.bg-focus-half-right > .content { min-height:490px; align-items: center; }

.paragraph--type--paragraph.bg-focus-half-left > .content > .field_paragraph_body { display:block; margin-left:50%; padding:2rem; }
.paragraph--type--paragraph.bg-focus-half-right > .content > .field_paragraph_body { display:block; margin-right:50%; padding:2rem; }
.paragraph--type--paragraph.bg-focus-half-left > .content > .field_photo, 
.paragraph--type--paragraph.bg-focus-half-right > .content > .field_photo { display:none; }

.paragraph--type--paragraph.photo-right.photo-xlarge .field_paragraph_body,
.paragraph--type--paragraph.photo-left.photo-xlarge.text-width .field_paragraph_body  { display:block; width: 50%;  }
.paragraph--type--paragraph.photo-right.photo-xlarge .field_photo,
.paragraph--type--paragraph.photo-left.photo-xlarge .field_photo { display:block; width: 50%; }


.paragraph--type--paragraph.photo-right.photo-medium .field_paragraph_body,
.paragraph--type--paragraph.photo-left.photo-medium .field_paragraph_body  { display:block; width: 75%;  }
.paragraph--type--paragraph.photo-right.photo-medium .field_photo,
.paragraph--type--paragraph.photo-left.photo-medium .field_photo { display:block; width: 25%; }

.paragraph--type--paragraph.photo-right.photo-small .field_paragraph_body,
.paragraph--type--paragraph.photo-left.photo-small .field_paragraph_body  { display:block; width: 85%;  }
.paragraph--type--paragraph.photo-right.photo-small .field_photo,
.paragraph--type--paragraph.photo-left.photo-small .field_photo { display:block; width: 15%; }

.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-right.photo-small .field_paragraph_body,
.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-left.photo-small .field_paragraph_body  { display:block; width: 65%;  }
.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-right.photo-small .field_photo,
.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-left.photo-small .field_photo { display:block; width: 35%; padding-right:0; }

.paragraph--type--paragraph .field_icon svg { display:block; margin:auto; }

.paragraph--type--paragraph.photo-left .content { flex-direction: row-reverse; }

.paragraph--type--paragraph.photo-center .content,
.paragraph--type--paragraph.svg-center .content { flex-direction: column-reverse; }
.paragraph--type--paragraph.photo-center.photo-bottom .content { flex-direction: column; }

.paragraph--type--paragraph.photo-left.photo-bottom .content { flex-direction: column; }
.paragraph--type--paragraph.photo-left.photo-bottom .field_photo img { margin:0; }
.paragraph--type--paragraph.photo-left.photo-small.photo-bottom .field_photo img { max-height:100px; max-width:240px; width:auto; }
.paragraph--type--paragraph.photo-left.photo-bottom .field_photo { width:100%; }

.paragraph--type--paragraph.photo-left.photo-top .content { flex-direction: column-reverse; }
.paragraph--type--paragraph.photo-left.photo-top .field_photo img { margin:0; }
.paragraph--type--paragraph.photo-left.photo-small.photo-top .field_photo img { max-height:100px; max-width:240px; width:auto; }
.paragraph--type--paragraph.photo-left.photo-medium.photo-top .field_photo img { max-height:200px; width:auto; }
.paragraph--type--paragraph.photo-left.photo-large.photo-top .field_photo img { max-height:400px; width:auto;  }
.paragraph--type--paragraph.photo-left.photo-xlarge.photo-top .field_photo img { max-height:600px; width:auto;  }
.paragraph--type--paragraph.photo-left.photo-top .field_photo { width:100%; padding-top:0; padding-bottom:0; }
.paragraph--type--paragraph.photo-left.photo-top.photo-small .field_paragraph_body  { display:block; width: 100%;  }

.paragraph--type--paragraph.svg-left.photo-top .content { flex-direction: column-reverse; }
.paragraph--type--paragraph.svg-left.photo-top .field_icon svg { display:block; margin-left:1em; }

.paragraph--type--paragraph.svg-left .content { flex-direction: row-reverse; flex-wrap:nowrap; }

/* .paragraph--type--paragraph.photo-center .field_photo { padding-bottom:0; } */
.paragraph--type--paragraph.photo-center .field_photo img { max-height:300px; width:auto; max-width:100%; margin:auto; display:block; }
.paragraph--type--paragraph.photo-center.photo-bottom .field_photo img { max-height:500px; }
.paragraph--type--paragraph.photo-center.photo-medium .field_photo img { max-height:200px; }
.paragraph--type--paragraph.photo-center.photo-small .field_photo { padding-bottom:0; }
.paragraph--type--paragraph.photo-center.photo-small .field_photo img { max-height:100px; }
.paragraph--type--panel.width-fifth .paragraph--type--paragraph.photo-center.photo-small .field_photo img { max-height:60px; }

.paragraph--type--paragraph.photo-center.photo-xlarge .field_photo img { max-height:none; }

.paragraph--type--paragraph.photo-half img { display:block; }

.paragraph--type--paragraph.photo-right.photo-half .field_paragraph_body,
.paragraph--type--paragraph.photo-left.photo-half .field_paragraph_body  { display:block; width: 50%; padding:2rem;  }
.paragraph--type--paragraph.photo-right.photo-half .field_photo,
.paragraph--type--paragraph.photo-left.photo-half .field_photo { display:block; width: 50%; padding:0; }
.paragraph--type--paragraph.photo-right.photo-half,
.paragraph--type--paragraph.photo-left.photo-half { padding:0; }
.paragraph--type--paragraph.photo-left.photo-half .content,
.paragraph--type--paragraph.photo-right.photo-half .content { align-items:center; }

.paragraph--type--paragraph.photo-none .field_paragraph_body { width:100%; }
.paragraph--type--paragraph.svg-none .field_paragraph_body { width:100%; }

.paragraph--type--paragraph.photo-none .field_photo { display:none; }
.paragraph--type--paragraph.svg-none .field_icon { display:none; }

.paragraph--type--paragraph.svg-small .field_icon svg { max-width:60px; width:100%; }
.paragraph--type--paragraph.svg-medium .field_icon svg { max-width:100px; width:100%; }
.paragraph--type--paragraph.svg-large .field_icon svg { max-width:200px; width:100%; }

.paragraph.top-paragraph { padding-top:6em !important; transition:padding 0.7s ease; }

body.has-sub-nav .paragraph.top-paragraph { padding-top:10em !important; }

.paragraph--type--generated-list { padding:2em 0; }

.paragraph--type--media.photo-small .field_photo img { max-height:80px; max-width:200px; width:auto; margin-left:auto;margin-right:auto; display:block; }
.paragraph--type--media.photo-medium .field_photo img { max-height:140px; max-width:300px; width:auto; margin-left:auto;margin-right:auto; display:block; }
/*
.paragraph--type--paragraph.text-center .field_paragraph_body { max-width:900px; margin-left:auto; margin-right:auto; }
.paragraph--type--paragraph.text-left .field_paragraph_body { max-width:900px; }
*/
.paragraph .loops { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index: -1;  }
.paragraph--type--panel > .content > .loops { z-index:0; }
.paragraph .loop { position: absolute; left: 0; top: 0; width: auto; height: 100%; will-change: transform; }

.paragraph.text-center h1 { text-align:center;}
.paragraph.text-left h2 { text-align:left; color:#1a1a1a; margin-top:0; } 
.paragraph--type--paragraph h2:after { display:none !important; } 
.paragraph.text-right { text-align:right; }
.paragraph.text-right h2 { text-align:right; color:#1a1a1a; } 
.paragraph.text-center { text-align:center; }
.paragraph.text-center h2 { text-align:center; color:#1a1a1a; } 
.paragraph.text-center.text-width .field_paragraph_body,
.paragraph--type--headline.text-center.text-width .field_value { max-width:700px; margin-left:auto; margin-right:auto; }
.paragraph.text-left.text-width .field_paragraph_body { max-width:800px; }
.paragraph.text-left.block-center.text-width .field_paragraph_body { margin-left:auto; margin-right:auto; }

.paragraph.bg-image { position:relative; }
.paragraph.bg-image .background { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.paragraph.bg-video .background { overflow:hidden; text-align:center; }
.paragraph.bg-video .background video { min-width: 100%;  min-height: 100%;}
  
.paragraph.bg-image .field_paragraph_body,
.paragraph.bg-image .field_photo,
.paragraph.bg-image .field_value,
.paragraph.bg-image .field_media_file,
.paragraph.bg-image .field_media_video,
.paragraph.bg-image .field_remote_video { position: relative; z-index: 2; }
.paragraph.bg-image.dark { color:#FFF; background:#1a1a1a; }
.paragraph.bg-image.dark h2, 
.paragraph.bg-image.dark h3, 
.paragraph.bg-image.dark h4,
.paragraph.bg-image.dark h5,
.paragraph.bg-image.dark h6 { color:#FFF; }

.paragraph.bg-image.dark.text-shadow { text-shadow:1px 1px 1px #000; }

.paragraph.bg-image.light h3, 
.paragraph.bg-image.light h4,
.paragraph.bg-image.light h5,
.paragraph.bg-image.light h6 { color:#1a1a1a; text-shadow:none; }    

.paragraph.bg-gray { background:#e6e6e6; text-shadow:none; }

.paragraph.bg-warm-gray { background:#dfd5c8; text-shadow:none; }

.paragraph.bg-blue { background:#da0000; color:#FFF; text-shadow:none; }
.paragraph.bg-blue h2, 
.paragraph.bg-blue h3, 
.paragraph.bg-blue h4,
.paragraph.bg-blue h5,
.paragraph.bg-blue h6 { color:#FFF !important; }

.paragraph.bg-orange { background:#da0000; color:#FFF; text-shadow:none; }
.paragraph.bg-orange h2, 
.paragraph.bg-orange h3, 
.paragraph.bg-orange h4,
.paragraph.bg-orange h5,
.paragraph.bg-orange h6 { color:#FFF; }

.paragraph.bg-white { background:#FFF; text-shadow:none; }
.paragraph.bg-blue .paragraph.bg-white,
.paragraph.bg-orange .paragraph.bg-white,
.paragraph.bg-image.dark .paragraph.bg-white { color:#1a1a1a; }
.paragraph.bg-blue .paragraph.bg-white h2,
.paragraph.bg-orange .paragraph.bg-white h2,
.paragraph.bg-image.dark .paragraph.bg-white h2,
.paragraph.bg-blue .paragraph.bg-white h3,
.paragraph.bg-orange .paragraph.bg-white h3,
.paragraph.bg-image.dark .paragraph.bg-white h3 { color: #da0000; }
.paragraph.bg-blue .paragraph.bg-white h4,
.paragraph.bg-orange .paragraph.bg-white h4,
.paragraph.bg-image.dark .paragraph.bg-white h4 { color: #1a1a1a; }

.paragraph.bg-charcoal { background:#1a1a1a; color:#FFF; text-shadow:none; }
.paragraph.bg-charcoal h2, 
.paragraph.bg-charcoal h3, 
.paragraph.bg-charcoal h4,
.paragraph.bg-charcoal h5,
.paragraph.bg-charcoal h6 { color:#dfd5c8; }

/* .paragraph.bg-charcoal a { color:#dfd5c8; text-decoration: underline; text-decoration-color: #da0000;  text-decoration-thickness: 0.25em; text-decoration-style: solid; text-underline-offset: 0.2em;}
.paragraph.bg-charcoal a:hover { color:#FFF;  text-decoration: underline; text-decoration-color: #FFF;  text-decoration-thickness: 0.25em; text-decoration-style: solid; text-underline-offset: 0.2em; }
.paragraph.bg-charcoal a.arrow,
.paragraph.bg-charcoal a.arrow:hover,
.paragraph.bg-charcoal a.button,
.paragraph.bg-charcoal a.button:hover {  text-decoration: none; } */

.paragraph--type--paragraph h2 { margin:0; }
.paragraph--type--headline h2, .paragraph--type--headline h2.line { margin:0.5em 0; }

.paragraph--type--paragraph ul,
.paragraph--type--paragraph ol,
.body ul, 
.body ol { line-height:150%; list-style: none; padding-left:1em; padding-right:1em; text-align:left; }
.paragraph--type--paragraph .list-nomargin,
.body .list-nomargin { padding-left:0; }
.paragraph--type--paragraph .list-items-horizontal li,
.body .list-items-horizontal li { display:inline-block; min-width:13em; vertical-align:top; }
.paragraph--type--paragraph .list-items-horizontal.half li,
.body .list-items-horizontal.half li { width:49%; }
.paragraph--type--paragraph .list-items-horizontal.thirds li,
.body .list-items-horizontal.thirds li { width:33%; padding-right: 2em; }
.paragraph--type--paragraph li,
.body li,
.feature-list li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.75em;
  list-style:none;
}

.paragraph--type--paragraph li:before,
.body li:before,
.feature-list li:before {
  content: '\e80c';
  color: #da0000;
  position: absolute;
  left: 0;
  font-family: "fontello";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Special icon for .list-plus */
.paragraph--type--paragraph ul.list-plus li:before,
.body ul.list-plus li:before,
.feature-list ul.list-plus li:before {
  content: '\e80b';
}

/* Nested list items get lighter color and different icon */
.paragraph--type--paragraph li li:before,
.body li li:before,
.feature-list li li:before {
  color: #a7a8a9;
  content: '\e80b';
}

/* Nested UL cleanup */
.paragraph--type--paragraph ul li ul,
.body li ul,
.feature-list li ul {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0.75em;
}

/* Remove bottom margin from nested LI */
.paragraph--type--paragraph li li,
.body li li,
.feature-list li li {
  margin-bottom: 0 !important;
}

.paragraph--type--paragraph ol,
.body ol { padding-left:2em; list-style:none; }

.paragraph--type--paragraph ol,
.body ol { counter-reset: my-sec-counter; }
.paragraph--type--paragraph :not(nav) ol > li { padding-left:1.8em; }
.paragraph--type--paragraph :not(nav) ol > li:before,
.body ol li:before { counter-increment: my-sec-counter; content: counter(my-sec-counter) "."; font-family:"benton-sans", Arial, sans-serif; font-weight:bold; }
.paragraph--type--paragraph nav ol li:before { display:none; }
.paragraph--type--paragraph nav ol { padding-left:0 }
.paragraph--type--paragraph nav ol li { padding-left:0; margin-bottom:0; }

.paragraph--type--paragraph.bg-blue li:before,
.paragraph--type--paragraph.bg-orange li:before,
.paragraph--type--paragraph.bg-image.dark li:before,
.paragraph--type--panel.bg-blue .paragraph--type--paragraph li:before,
.paragraph--type--panel.bg-orange .paragraph--type--paragraph li:before,
.paragraph--type--panel.bg-image.dark .paragraph--type--paragraph li:before { color:#FFF; }

.paragraph--type--panel.width-fifth .paragraph--type--paragraph li, 
.paragraph--type--panel.width-fourth .paragraph--type--paragraph li, 
.paragraph--type--panel.width-third .paragraph--type--paragraph li, 
.paragraph--type--panel.width-half .paragraph--type--paragraph li { margin-bottom:0.25em; }


.paragraph--type--panel.timeline-format .paragraph--type--paragraph h3 {
  position:relative;
  width:100%;
}

.paragraph--type--panel.timeline-format > .content > .paragraph--type--paragraph h3::before {
  content: '';
position: absolute;
top: 50%; /* vertical alignment */
right: 100%; /* start from right edge of current h3 */
transform: translateX(25%); /* optional tweak */
width: 50%; /* length from current h3 to next */
height: 2px;
background: #1a1a1a;
z-index: -1;
}

.paragraph--type--panel.timeline-format > .content > .paragraph--type--paragraph h3::after {
  content: '';
  position: absolute;
  top: 50%; /* vertical alignment */
  left: 100%; /* start from right edge of current h3 */
  transform: translateX(-25%); /* optional tweak */
  width: 50%; /* length from current h3 to next */
  height: 2px;
  background: #1a1a1a;
  z-index: -1;
}

.paragraph--type--panel.timeline-format.bg-charcoal > .content > .paragraph--type--paragraph h3::before,
.paragraph--type--panel.timeline-format.bg-charcoal > .content > .paragraph--type--paragraph h3::after { background: #dfd5c8; }


.paragraph--type--media { margin:auto; max-width:1200px; }

.paragraph--type--headline  { padding:0 1em; }

.paragraph--type--headline .content { max-width:1200px; margin:auto; }
.paragraph--type--headline .field_value { padding:0.5rem 1rem; }
.paragraph--type--headline .field_value h2 { margin-top:1rem !important; }
.paragraph--type--paragraph .field_paragraph_body h2 { margin-top:0 !important; line-height:1.2em; }

.paragraph--type--headline.text-center .field_value h2 { text-align:center; }


.paragraph--type--headline .field_value h2:after { display:none !important; }
.paragraph--type--headline.headline-underline .field_value h2:after { display:block !important; }

.paragraph--type--headline.text-left .field_value h2 { text-align:left; }
.paragraph--type--headline.text-left .field_value h2:after { margin-left:0; margin-right:0; }
.paragraph--type--headline.text-right .field_value h2 { text-align:right;  }
.paragraph--type--headline.text-right .field_value h2:after { margin-right:0; }

.sutro-double .block .paragraph--type--headline.headline-none .field_value h2 { color:#1a1a1a }
.sutro-double .block .paragraph--type--headline.headline-none.bg-blue .field_value h2,
.sutro-double .block .paragraph--type--headline.headline-none.bg-orange .field_value h2,
.sutro-double .block .paragraph--type--headline.headline-none.bg-image.dark .field_value h2,
.sutro-double .block .bg-blue .paragraph--type--headline.headline-none .field_value h2,
.sutro-double .block .bg-orange .paragraph--type--headline.headline-none .field_value h2,
.sutro-double .block .bg-image.dark .paragraph--type--headline.headline-none .field_value h2 { color:#FFF; }
.sutro-double .block .paragraph--type--headline.headline-none.bg-image.light .field_value h2 { color:#1a1a1a }

.sutro-double .block .paragraph--type--headline.headline-underline.bg-blue .field_value h2,
.sutro-double .block .paragraph--type--headline.headline-underline.bg-orange .field_value h2,
.sutro-double .block .paragraph--type--headline.headline-underline.bg-image.dark .field_value h2,
.sutro-double .block .bg-blue .paragraph--type--headline.headline-underline .field_value h2,
.sutro-double .block .bg-orange .paragraph--type--headline.headline-underline .field_value h2,
.sutro-double .block .bg-image.dark .paragraph--type--headline.headline-underline .field_value h2 { color:#FFF; }
.sutro-double .block .paragraph--type--headline.headline-underline.bg-blue .field_value h2:after,
.sutro-double .block .paragraph--type--headline.headline-underline.bg-orange .field_value h2:after,
.sutro-double .block .paragraph--type--headline.headline-underline.bg-image.dark .field_value h2:after,
.sutro-double .block .bg-blue .paragraph--type--headline.headline-underline .field_value h2:after,
.sutro-double .block .bg-orange .paragraph--type--headline.headline-underline .field_value h2:after,
.sutro-double .block .bg-image.dark .paragraph--type--headline.headline-underline .field_value h2:after { background:#FFF; }

.sutro-double .block .paragraph--type--headline.headline-underline.bg-image.light .field_value h2,
.sutro-double .block .bg-image.light .paragraph--type--headline.headline-underline .field_value h2 { color:#1a1a1a }
.sutro-double .block .paragraph--type--headline.headline-underline.bg-image.light .field_value h2:after,
.sutro-double .block .bg-image.light .paragraph--type--headline.headline-underline .field_value h2:after { background:#1a1a1a }


.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-none + .paragraph--type--paragraph.bg-none,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-transparent + .paragraph--type--paragraph.bg-transparent,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-white + .paragraph--type--paragraph.bg-white,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-gray + .paragraph--type--paragraph.bg-gray,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-warm-gray + .paragraph--type--paragraph.bg-gray,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-blue + .paragraph--type--paragraph.bg-blue
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-orange + .paragraph--type--paragraph.bg-orange { padding-top:0; }

.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-none + .paragraph--type--paragraph.bg-none .field_paragraph_body,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-transparent + .paragraph--type--paragraph.bg-transparent .field_paragraph_body,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-white + .paragraph--type--paragraph.bg-white field_paragraph_body,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-gray + .paragraph--type--paragraph.bg-gray field_paragraph_body,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-warm-gray + .paragraph--type--paragraph.bg-gray field_paragraph_body,
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-blue + .paragraph--type--paragraph.bg-blue field_paragraph_body
.paragraph:not(.width-third):not(.width-half):not(.width-fourth):not(.width-fifth):not(.width-sixth):not(.width-seventh):not(.width-eighth) > .content > .paragraph--type--headline.bg-orange + .paragraph--type--paragraph.bg-orange field_paragraph_body { padding-top:0; }

.block > .paragraph--type--headline.bg-none + .paragraph--type--paragraph.bg-none,
.block > .paragraph--type--headline.bg-transparent + .paragraph--type--paragraph.bg-transparent,
.block > .paragraph--type--headline.bg-white + .paragraph--type--paragraph.bg-white,
.block > .paragraph--type--headline.bg-gray + .paragraph--type--paragraph.bg-gray,
.block > .paragraph--type--headline.bg-warm-gray + .paragraph--type--paragraph.bg-warm-gray,
.block > .paragraph--type--headline.bg-blue + .paragraph--type--paragraph.bg-blue
.block > .paragraph--type--headline.bg-orange + .paragraph--type--paragraph.bg-orange { padding-top:0; }

.block > .paragraph--type--headline.bg-none + .paragraph--type--paragraph.bg-none .field_paragraph_body,
.block > .paragraph--type--headline.bg-transparent + .paragraph--type--paragraph.bg-transparent .field_paragraph_body,
.block > .paragraph--type--headline.bg-white + .paragraph--type--paragraph.bg-white .field_paragraph_body,
.block > .paragraph--type--headline.bg-gray + .paragraph--type--paragraph.bg-gray .field_paragraph_body,
.block > .paragraph--type--headline.bg-warm-gray + .paragraph--type--paragraph.bg-warm-gray .field_paragraph_body,
.block > .paragraph--type--headline.bg-blue + .paragraph--type--paragraph.bg-blue .field_paragraph_body
.block > .paragraph--type--headline.bg-orange + .paragraph--type--paragraph.bg-orange .field_paragraph_body { padding-top:0; }

.block > .paragraph--type--headline.bg-none + .paragraph--type--panel.bg-none,
.block > .paragraph--type--headline.bg-transparent + .paragraph--type--panel.bg-transparent,
.block > .paragraph--type--headline.bg-white + .paragraph--type--panel.bg-white,
.block > .paragraph--type--headline.bg-gray + .paragraph--type--panel.bg-gray,
.block > .paragraph--type--headline.bg-warm-gray + .paragraph--type--panel.bg-warm-gray,
.block > .paragraph--type--headline.bg-blue + .paragraph--type--panel.bg-blue 
.block > .paragraph--type--headline.bg-orange + .paragraph--type--panel.bg-orange { padding-top:0; margin-top:-1em; }

.paragraph--type--paragraph.bg-none + .paragraph--type--media.bg-none,
.paragraph--type--paragraph.bg-transparent + .paragraph--type--media.bg-transparent,
.paragraph--type--paragraph.bg-white + .paragraph--type--media.bg-white,
.paragraph--type--paragraph.bg-gray + .paragraph--type--media.bg-gray,
.paragraph--type--paragraph.bg-warm-gray + .paragraph--type--media.bg-warm-gray,
.paragraph--type--paragraph.bg-blue + .paragraph--type--media.bg-blue
.paragraph--type--paragraph.bg-orange + .paragraph--type--media.bg-orange { padding-top:0; margin-top:-1em; }


.paragraph--type--panel > .content { display:flex; flex-wrap: wrap; max-width:1200px; margin:auto; padding:0 0.75rem;  }
.paragraph--type--panel.width-full > .content.owl-carousel { max-width:none; padding:0; }
.paragraph--type--panel .owl-item > .paragraph { width:100% !important; }
.paragraph--type--panel { padding-top:1.5em; padding-bottom:1.5em; }
.paragraph .paragraph--type--panel { padding-top:0; padding-top:0; }
.block > .paragraph--type--panel.carousel-basic,
.block > .paragraph--type--panel.carousel-header { padding-top:0; padding-bottom:0; }
.paragraph--type--panel .paragraph--type--headline { width:100% !important; padding-left:0.25rem; padding-right:0.25rem; }
.paragraph--type--panel .paragraph--type--paragraph, 
.paragraph--type--panel .paragraph--type--media,
.paragraph--type--panel .paragraph--type--panel { padding-left:0.25rem; padding-right:0.25rem;  }

.paragraph--type--panel.width-full .paragraph { width:100%; }
.paragraph--type--panel.width-half .paragraph { width:50%; }
.paragraph--type--panel.width-third .paragraph { width:33.3%; }
.paragraph--type--panel.width-fourth .paragraph { width:25%; }
.paragraph--type--panel.width-fifth .paragraph { width:20%; }
.paragraph--type--panel.width-sixth .paragraph { width:16.6%; }
.paragraph--type--panel.width-seventh .paragraph { width:14.2%; }
.paragraph--type--panel.width-eighth .paragraph { width:12.5%; }

.paragraph--type--panel.width-full paragraph-container { width:100%; }
.paragraph--type--panel.width-half paragraph-container { width:50%; }
.paragraph--type--panel.width-third paragraph-container { width:33.3%; }
.paragraph--type--panel.width-fourth paragraph-container { width:25%; }
.paragraph--type--panel.width-fifth paragraph-container { width:20%; }
.paragraph--type--panel.width-sixth paragraph-container { width:16.6%; }
.paragraph--type--panel.width-seventh paragraph-container { width:14.2%; }
.paragraph--type--panel.width-eighth paragraph-container { width:12.5%; }

.paragraph--type--panel paragraph-container .paragraph { width:100% !important; }

.paragraph--type--panel .paragraph--type--panel { z-index:1; }


.paragraph--type--panel.width-half .paragraph--type--generated-list .view-products .view-content li {
    width:48%;
}



.paragraph--type--panel.width-article > .content > .paragraph:nth-child(odd) { width:70% !important; }
.paragraph--type--panel.width-article > .content > .paragraph:nth-child(even) { width:30% !important; }
.paragraph--type--panel.width-article .field_media_image { margin-bottom:0.5em; }

.paragraph--type--panel.width-newspaper > .content {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
-webkit-column-rule: 1px solid transparent;
-moz-column-rule: 1px solid transparent;
column-rule: 1px solid transparent;
display:block;
}

.paragraph--type--webform { padding:1em; z-index:1; }

.paragraph--type--panel .paragraph--type--headline { margin-top:1em; }

.paragraph--type--generated-list { width:100%; }

.paragraph.bg-blue a { color:#FFF; font-weight:bold; }
.paragraph.bg-blue a:hover { text-decoration: underline; }
.paragraph.bg-blue a.button:hover { text-decoration: none; }

.paragraph.bg-orange a { color:#FFF; font-weight:bold; }
.paragraph.bg-orange a:hover { text-decoration: underline; }
.paragraph.bg-orange a.button:hover { text-decoration: none; }

.paragraph.bg-charcoal.gradient1 {
background: #1a1a1a; /* Old browsers */
background: linear-gradient(163deg, rgba(46,54,63,1) 0%, rgba(56,71,88,1) 100%);
}

.paragraph.bg-blue.gradient1 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#06457b+0,128fd2+100 */
background: #06457b; /* Old browsers */
background: -moz-linear-gradient(-45deg, #06457b 0%, #128fd2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #06457b 0%,#128fd2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #06457b 0%,#128fd2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06457b', endColorstr='#128fd2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient2 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#128fd2+0,06457b+100 */
background: #128fd2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #128fd2 0%, #06457b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #128fd2 0%,#06457b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #128fd2 0%,#06457b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128fd2', endColorstr='#06457b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient3 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#06457b+0,128fd2+100 */
background: #06457b; /* Old browsers */
background: -moz-linear-gradient(45deg,  #06457b 0%, #128fd2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #06457b 0%,#128fd2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #06457b 0%,#128fd2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06457b', endColorstr='#128fd2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient4 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#128fd2+0,06457b+100 */
background: #128fd2; /* Old browsers */
background: -moz-linear-gradient(45deg,  #128fd2 0%, #06457b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #128fd2 0%,#06457b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #128fd2 0%,#06457b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128fd2', endColorstr='#06457b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient5 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#06457b+0,128fd2+100 */
background: #06457b; /* Old browsers */
background: -moz-linear-gradient(top,  #06457b 0%, #128fd2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #06457b 0%,#128fd2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #06457b 0%,#128fd2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06457b', endColorstr='#128fd2',GradientType=0 ); /* IE6-9 */

}
.paragraph.bg-blue.gradient6 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#128fd2+0,06457b+100 */
background: #128fd2; /* Old browsers */
background: -moz-linear-gradient(top,  #128fd2 0%, #06457b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #128fd2 0%,#06457b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #128fd2 0%,#06457b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128fd2', endColorstr='#06457b',GradientType=0 ); /* IE6-9 */
}
.paragraph.bg-blue.gradient7 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#06457b+0,128fd2+100 */
background: #06457b; /* Old browsers */
background: -moz-linear-gradient(left,  #06457b 0%, #128fd2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #06457b 0%,#128fd2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #06457b 0%,#128fd2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06457b', endColorstr='#128fd2',GradientType=1 ); /* IE6-9 */
}
.paragraph.bg-blue.gradient8 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#128fd2+0,06457b+100 */
background: #128fd2; /* Old browsers */
background: -moz-linear-gradient(left,  #128fd2 0%, #06457b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #128fd2 0%,#06457b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #128fd2 0%,#06457b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128fd2', endColorstr='#06457b',GradientType=1 ); /* IE6-9 */
}

.paragraph.bg-blue.gradient9 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a3d9c+0,2c8bc3+50,34dea0+100 */
background: #3a3d9c; /* Old browsers */
background: -moz-linear-gradient(45deg,  #3a3d9c 0%, #2c8bc3 50%, #34dea0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #3a3d9c 0%,#2c8bc3 50%,#34dea0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #3a3d9c 0%,#2c8bc3 50%,#34dea0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3d9c', endColorstr='#34dea0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient10 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a3d9c+0,2c8bc3+50,34dea0+100 */
background: #3a3d9c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #3a3d9c 0%, #2c8bc3 50%, #34dea0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #3a3d9c 0%,#2c8bc3 50%,#34dea0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #3a3d9c 0%,#2c8bc3 50%,#34dea0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3d9c', endColorstr='#34dea0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient11 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#923bf9+0,3180e9+52,03a1e2+100,923bf9+100 */
background: #923bf9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #923bf9 0%, #3180e9 52%, #03a1e2 100%, #923bf9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #923bf9 0%,#3180e9 52%,#03a1e2 100%,#923bf9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #923bf9 0%,#3180e9 52%,#03a1e2 100%,#923bf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#923bf9', endColorstr='#923bf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.paragraph.bg-blue.gradient12 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#923bf9+0,03a1e2+0,3180e9+48,923bf9+100 */
background: #923bf9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #923bf9 0%, #03a1e2 0%, #3180e9 48%, #923bf9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #923bf9 0%,#03a1e2 0%,#3180e9 48%,#923bf9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #923bf9 0%,#03a1e2 0%,#3180e9 48%,#923bf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#923bf9', endColorstr='#923bf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient13 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006181+0,00a0df+42,82d1e0+100 */
background: #006181; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #006181 0%, #da0000 42%, #82d1e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #006181 0%,#da0000 42%,#82d1e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #006181 0%,#da0000 42%,#82d1e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006181', endColorstr='#82d1e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient14 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#82d1e0+0,00a0df+58,006181+100 */
background: #82d1e0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #82d1e0 0%, #da0000 58%, #006181 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #82d1e0 0%,#da0000 58%,#006181 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #82d1e0 0%,#da0000 58%,#006181 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d1e0', endColorstr='#006181',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph.bg-blue.gradient15 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#923bf9+0,03a1e2+0,3180e9+48,923bf9+100 */
background: #923bf9; /* Old browsers */
background: linear-gradient(164deg, rgba(0,160,223,1) 0%, rgba(184,69,227,1) 100%);
}

.paragraph.bg-gray.gradient1 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c0c0c0+0,f1f2f2+99 */
background: #c0c0c0; /* Old browsers */
background: -moz-linear-gradient(top,  #c0c0c0 0%, #e6e6e6 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c0c0c0 0%,#e6e6e6 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c0c0c0 0%,#e6e6e6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

.paragraph.bg-gray.gradient2 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e6e6+1,c0c0c0+100 */
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 1%, #c0c0c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e6e6e6 1%,#c0c0c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e6e6e6 1%,#c0c0c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */ 
}

.paragraph.bg-orange.gradient1 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#82d1e0+0,f8991d+0,f8b01f+100 */
background: #82d1e0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #82d1e0 0%, #da0000 0%, #f31919 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #82d1e0 0%,#da0000 0%,#f31919 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #82d1e0 0%,#da0000 0%,#f31919 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d1e0', endColorstr='#f31919',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paragraph .cls-1 { fill:#1a1a1a; stroke-width:0 !important; }
.paragraph .cls-2 { fill:#da0000; stroke-width:0 !important; }

itemselect .cls-1 { fill:#000000 !important; }
itemselect .cls-2 { fill:#000000 !important; }

.paragraph.bg-warm-gray .cls-1 { fill:#1a1a1a; }
.paragraph.bg-warm-gray .cls-2 { fill:#da0000; }

.paragraph.bg-charcoal .cls-1 { fill:#dfd5c8; }
.paragraph.bg-charcoal .cls-2 { fill:#da0000; }

.paragraph.bg-gray .cls-1 { fill:#1a1a1a; }
.paragraph.bg-gray .cls-2 { fill:#da0000; }

.paragraph.bg-blue .cls-1 { fill:#dfd5c8; }
.paragraph.bg-blue .cls-2 { fill:#FFF; }

main.main .paragraph--type--panel .paragraph--type--paragraph .field_paragraph_body ul { padding-left:0; padding-right:0; padding-bottom:1em; }

main.main .field_paragraph_body ul { padding-top:1em; }
main.main .field_paragraph_body p + ul { padding-top:0; }
main.main .field_paragraph_body ul + p { margin-top:0; }
main.main .field_paragraph_body ul + p .button { margin-top:1em; }
main.main .field_paragraph_body .button:last-of-type { margin-bottom:0; }
main.main .field_paragraph_body .button + .button,
main.main .body .button + .button { margin-left:1em; }

.field_media_video, 
.field_remote_video { max-width:700px; margin:1em auto; }

.bg-gray .video-responsive.psuedo,
.bg-warm-gray .video-responsive.psuedo { background:#FFF; }

.field_media_file .content { display:inline-block; }
.field_media_file .content .button.icon-download:before { margin-right:0.5em; }

.paragraph--type--media { padding:1em 2rem; } 
.paragraph--type--media .button { margin-top:0.25em; margin-bottom:0.25em; }
.paragraph--type--media.bg-blue .button:hover { text-decoration: none; }
.paragraph--type--media.bg-blue .button.green { border:2px solid #FFF; }

.paragraph--type--buy-now-popup { padding:1em 2rem; max-width:1200px; margin:0 auto; display:none; }
.paragraph--type--buy-now-popup:before { content:"Buy Parts"; display:block; font-size:2em; color:#da0000; margin-bottom:1rem; }
.paragraph--type--buy-now-popup .field_parts a { font-size:1.2em; display:inline-block; margin:0.5em 0; }


.paragraph--type--generated-list { z-index:1; }


.paragraph--type--applications { width: 100%; } 

.paragraph--type--resources {
  background:#FFF;
}
.paragraph--type--resources h2 { max-width:1200px; text-align:center; margin:auto; margin-top:0 !important; padding-top: 4rem; }
.paragraph--type--resources .field_resource { display:flex; justify-content: center; max-width:1200px; margin:auto; flex-wrap:wrap; padding:0 2rem 2rem; }
.paragraph--type--resources .field_resource > div { width:30%; margin:2em 1.5%; box-shadow: 0px 2px 6px rgba(0,0,0,0.2); position:relative; background:#FFF; }
.paragraph--type--resources .field_resource h3 { padding:0 1em; line-height:1.3em; }
.paragraph--type--resources .field_resource p { padding:0 1em; }
.paragraph--type--resources .field_resource p.bottom { position:absolute; bottom:0; left:0; padding:1em; width:100%; margin:0; }
.paragraph--type--resources .field_resource a.button { margin-bottom:0; }
.paragraph--type--resources .field_resource .content { padding-bottom: 4em; }
.paragraph--type--resources .field_resource .contextual-region { position:initial; }


.paragraph--type--panel.paragraph-id-454258.width-third .paragraph--type--paragraph { margin:2em 1.5%; box-shadow: 0px 2px 6px rgba(0,0,0,0.2); position:relative; padding:0; width:30%; }
.paragraph--type--panel.paragraph-id-454258.width-third p.bottom { position:absolute; bottom:0; left:0; padding:1em; width:100%; margin:0; }
.paragraph--type--panel.paragraph-id-454258.width-third a.button { margin-bottom:0; }
.paragraph--type--panel.paragraph-id-454258.width-third .paragraph--type--paragraph .field_photo { padding:0; }
.paragraph--type--panel.paragraph-id-454258.width-third .paragraph--type--paragraph .field_paragraph_body { padding-bottom:5em }
.paragraph--type--panel.paragraph-id-454258 .paragraph--type--headline h2.line { margin:0 !important; }

.paragraph .view-distributors { max-width:1200px; margin:2rem auto; }
.paragraph .view-distributors table { width:100% }
.paragraph .view-distributors thead { background: #e6e6e6; }

.canvas-bg canvas {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100vw;
  max-height: 100vh;
}

.paragraph.page .scroll-button { position:absolute; bottom:3em; padding:0.5em; font-size:1.2em; width:12em; left:50%; text-align:center; margin-left:-6em; cursor:pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; z-index:10; }
.paragraph.page .scroll-button:after { content:'\e810'; font-size:2em; position:absolute; left:0; font-family: "fontello"; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; left:50%; transform: translateX(-50%); display:block; margin-bottom: -0.2em;
padding-top:0.2em; }
.paragraph.page .scroll-button:hover { bottom:2.5em; padding-top:1.5em; }

.paragraph.page .scroll-button.gradient-text:after { color:#da0000; padding-bottom: 0.6em; }


.paragraph.page.head { text-align:center; }
.paragraph.page { min-height: 100vh; overflow:hidden; }
.paragraph.page p { max-width:800px; margin-left:auto; margin-right:auto; font-size:1.2em; }
.paragraph.page h1 {  }
.paragraph.page h1 span { font-size: 0.7em; display:block; line-height:1.8em; font-weight:normal; }

.paragraph.head .center-block { padding-top:10em !important; }
.paragraph .center-block {  max-width:1200px; text-align:center; padding:2em 1em; margin:auto; }
.paragraph.page .columns { max-width:1200px; min-height:100vh; margin:auto; display:flex; flex-wrap:nowrap; align-items: center; padding:5em 2em;  }
.paragraph.page.columns.reversed .columns { flex-direction: row-reverse; } 
.paragraph.page.rows .columns { flex-wrap:wrap; }
.paragraph.page.head .columns { padding-top:7em; }
.paragraph.page .columns section { padding:2em 1em; width:100%; text-align:left; position:relative; z-index:1; }
.paragraph.page .columns section.graphic { min-height:50vh; width:100%; }
.paragraph.page.columns .columns section { padding:2em 1em; width:50%; text-align:left; }

/* .paragraph.page .center-block { position: absolute; top: 50%; left:50%; transform: translateX(-50%) translateY(-50%); width:100%; max-width:1200px; z-index:1; text-align:center; padding:5em 1em; } */
.paragraph.page .center-left-block { position: absolute; top: 50%; right:50%; transform: translateY(-50%); width:50%; max-width:600px; z-index:1; text-align:left;  padding:5em 1em;  }
.paragraph.page .center-right-block { position: absolute; top: 50%; left:50%; transform: translateY(-50%); width:50%;  max-width:600px; z-index:1; text-align:left;  padding:5em 1em;  }
.paragraph.page .video-background { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%;}

.paragraph.page .small-icon { max-width:80px; margin-bottom:0.5em; }
.paragraph.page .medium-icon { max-width:100px; margin-bottom:0.5em; }

.paragraph.separator { padding:0; height:2px; margin:0; }

.product.template2 .view-product-specifications .view-display-id-block_3 { border:0; }
.product.template2 .view-product-specifications { text-align:left; }
.product.template2 .part-specifications { background:#FFF; width:100%; text-align:left; }
body.product.template2 .block-views-blockparts-block-1 { margin-top:0; }
.product.template2 .docsections { text-align:left; }

.paragraph.title { padding:11em 2em 4em; text-align:center; color:#FFF; background:#1a1a1a; }
.paragraph.title h2 { color:#FFF; font-size:2.7em; }
.paragraph.title h2 span { font-size: 0.7em; display: block; line-height: 1.8em; font-weight: normal; }

.file-grid { width:auto; text-align:center; margin:0 0 1em; }
.file-grid div { display:inline-block; padding:0 3em 1em; }
.file-grid div a { display:block; font-size:1.2em; color:#FFF; padding:1em; border-bottom:4px solid transparent; font-weight:bold; }
.file-grid div a:hover { border-color:#FFF; }
.file-grid div img { display:block; margin:1em auto; max-width:80px; }

.product.template2 .view-documentation { text-align:left; width:100%; max-width:1200px; margin:2em auto 3em; }
.product.template2 .view-documentation .title { background:#FFF; font-size:1.6em; padding-top:1em; border:0; }
.product.template2 .view-documentation tr + .title { padding-top:2em; }
.product.template2 .view-documentation tbody tr:nth-child(even) { background:transparent !important; }
.product.template2 .view-documentation tbody td { border-bottom:1px solid #ccc; }

.subnav { position:fixed; top:3.7em; width:100%; margin:0; height:3em; background:rgba(255,255,255,0.25); z-index:50; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: background 1s ease; }
body.rebrand-banner-visible .subnav { top:6.8em; }
.subnav div { max-width:1200px; position:relative; margin:auto; color:#FFF; padding:0.25em; }
.subnav b { left:0; position:absolute; padding:0.5em; font-size:1.2em; }
.subnav ul { right: 0; position:absolute; }
.subnav li { text-align:center; display:inline-block; font-weight:bold; padding:0.25em 1em; }
.subnav li a { display:block; width:auto; color:#FFF; font-weight:normal; padding:0.25em 0; border-top:2px solid transparent; border-bottom:2px solid transparent; font-weight:bold; }
.subnav li a.current {  border-bottom-color:rgba(255,255,255,0.5); }
.subnav li a:hover { border-bottom-color:#FFF; }
.subnav li a.buy { background:#da0000; color:#FFF; padding:0.5em 1.25em; border:0; border-radius:1em; font-weight:bold; }
.subnav li a.buy:hover { background:#f31919; text-decoration:none; }

.subnav li a.buy.current { background:#FFF; color: #1a1a1a; background:rgba(255,255,255,0.2); color:#FFF;}
.subnav.solid-bg { background: #64696F; backdrop-filter:none; -webkit-backdropo-filter:none; }


section.page.aqua .gradient-bg { background:#dfd5c8  }
 .gradient-bg.aqua { background:#dfd5c8; }

.subnav.aqua { background:#1a1a1a; }
.subnav.aqua.transparent { background:#1a1a1a }

body.page.canvas header,
body.page.summit header { background: #1a1a1a;  }
section.page h4 { font-size:1.4rem; }
section.page h2.gradient-text { font-size:3em; text-align:left; }
section.page h2 icon-svg:before { font-size:3em; vertical-align: middle; }
section.page h2 icon-svg { display:block; }
section.page.aqua .paragraph.separator { background: #da0000; }
section.page .gradient-text { padding-bottom: 0.6em; margin-bottom: -0.2em; padding-top:0.2em; width:fit-content; }  
section.page.aqua .gradient-text { color:#da0000; }  
section.page icon-svg:before { padding-bottom: 0.6rem;  }
section.page.aqua icon-svg:before { color:#da0000; }
 
body.page.summit .subnav b { padding:0.25em 0.5em; }

section.page .paragraph.page p.left { margin-left:0; }

ul.col-3 { display:flex; flex-wrap:wrap; text-align:left; list-style:none; padding-left:0!important; margin:1em 0; }
ul.col-3 li { width:33%; padding:1em; line-height:1.4em; font-size:1.2em; margin-top: auto; }
.no-checks li:before { display:none !important; }
ul.col-3.center { justify-content:center; }
ul.col-3.tiles li { padding:0; margin:2%; width:29%; padding-bottom:10vh; text-align:center; border-radius:1em; background:#FFF;  }
ul.col-3.tiles li img { margin-bottom: 4vh; border-top-left-radius: 1em;  border-top-right-radius: 1em; }
ul.col-3.tiles h4 { margin-left:auto; margin-right:auto;  }
ul.col-3.right-arrows li { position:relative; }
ul.col-3.right-arrows li:after { content:'\e80e'; font-size:2em; position:absolute; top:50%; width:1em; left:100.5%; z-index:2; font-family: "fontello"; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; height:1.2em; width:1.2em; line-height:1.2em; margin-top:-0.5em; }
ul.col-3.right-arrows li:last-of-type:after { display:none; } 

/* Target all ul with class starting with "col-" */
ul[class^="col-"].links a {
    display: block;
    text-align: center;
    border-radius: 1em;
    padding: 1em;
    width:100%;
}

ul[class^="col-"].links.tiles a {
    padding: 0 0 1em 0;
}

ul[class^="col-"].links a .gradient-text {
    margin: auto;
    font-weight: 200;
}

section.page.aqua ul[class^="col-"].links a:hover { background: #da0000; color:#FFF; }
section.page.aqua ul[class^="col-"].links a:hover .gradient-text { color:#FFF; background:transparent; -webkit-background-clip: initial;  -webkit-text-fill-color: initial; }

ul.col-2 { display:flex; flex-wrap:wrap; text-align:left; list-style:none; padding-left:0!important; margin:1em 0; }
ul.col-2.noflex li { display:block; line-height:1.4em; font-size:1.2em; }
ul.col-2 li { width:50%; padding:1em; line-height:1.4em; display:flex; flex-wrap:nowrap; align-items:center; border-radius: 1em;}
ul.col-2 li:before { display:none; }
ul.col-2 li img { display:block; margin-right:0.5em; }
ul.col-2.hover li:hover { background: rgb(17,202,221); background: linear-gradient(139deg, rgba(17,202,221,1) 0%, rgba(0,160,223,1) 100%); color:#fff; }
ul.col-2 icon-svg:before { margin-right:0.5rem; }
ul.col-2.hover li:hover icon-svg:before { background:transparent; color:#FFF; -webkit-background-clip: initial;  -webkit-text-fill-color: initial; }

ul.col-4 { display:flex; flex-wrap:wrap; text-align:left; list-style:none; padding-left:0!important; margin:1em 0; }
ul.col-4 li { width:25%; padding:1em; line-height:1.4em; display:flex; flex-wrap:nowrap; align-items:center; margin-top: auto; }
ul.col-4 li img { display:block; margin-right:0.5em; }
ul.col-4.links li img { display:block; margin: 0 auto; }

ul.col-5 { display:flex; flex-wrap:wrap; text-align:center; justify-content: center; list-style:none; padding-left:0!important; margin:1em 0;  }
ul.col-5 li { width:20%; padding:1em; line-height:1.4em; display:flex; flex-wrap:wrap; align-items:center;  text-align:center; }
ul.col-5 li icon-svg { display:block; margin:0.5em auto 0; font-size:1.3em; }
ul.col-5 li h4 { display:block; flex: 1 0 100%; text-align:center; }
ul.col-5.links a { display:block; width:100%; text-align:center; border-radius:1em; padding-bottom:1em; }
ul.col-5.links a .gradient-text { margin:auto; font-weight:200; }

.bubble {
    
/* 	  display: flex;
    align-items: center; 
    width: 50vw;*/
  
    position: absolute;
    padding: 1em;
    box-sizing: border-box;
    bottom:0;
    width:90%;
    right:1%;

    background: #dfd5c8;
    color:#1a1a1a;
    border-radius: 1em;
    
}

ul.col-8 { display:flex; flex-wrap:wrap; text-align:left; list-style:none; padding-left:0!important; margin:1em 0; }
ul.col-8 li { width:12.5%; padding:1em; line-height:1.4em;}

section.page table tbody tr:nth-child(even) { background-color:#EEEEEE; }
section.page tbody th { background: linear-gradient(163deg, rgba(31,31,31,1) 0%, rgba(47,47,47,1) 100%); color:#FFF; font-weight:200; font-size:1.2em; }
section.page tbody td.section-start { border-top: 2px solid #1a1a1a; }

section.page.purple .gradient-bg {  background: #dfd5c8; color:#1a1a1a; }
section.page .purple.gradient-bg {  background: #dfd5c8; }

.purple icon-svg[class*="number-"]:after { background: #dfd5c8; color:#da0000; }
.purple .links a:hover icon-svg[class*="number-"]:after { }

body.page[class*="canvas"] .subnav.purple { background: #1a1a1a; }
body.page[class*="canvas"] .subnav.purple.transparent {  }
section.page.purple .gradient-text,
section.page .purple.gradient-text { color:#da0000; }  
section.page.purple icon-svg:before { color: #da0000;  }
section.page.purple ul.col-2 li:hover { background: #da0000; color:#fff; }
section.page.purple ul.col-2 li:hover icon-svg:before { color:#dfd5c8; }
section.page.purple .paragraph.page .scroll-button.gradient-text:after { color:#da0000; }
section.page.purple .bubble:before { background:#da0000; }
section.page.purple ul.col-3.right-arrows li:after { color: #da0000; }

body.page.canvas .view-faqs.on-page { padding-top:9em; }
body.page.canvas.rebrand-banner-visible .view-faqs.on-page { padding-top:11em; }
body.page.canvas .view-faqs.on-page h1 { text-align:center; }

.text-bubble { display:inline; padding:0.25em 0.5em; font-size:0.8em; font-weight:bold; text-transform:uppercase; border-radius:1em; color:#da0000; background:#FFF; }

section.page.purple ul[class^="col-"].links a:hover,
section.page.purple ul[class^="col-"].links a:hover { background:#da0000; color:#FFF; }
section.page.purple ul[class^="col-"].links a:hover .gradient-text,
section.page.purple ul[class^="col-"].links a:hover .gradient-text { color:#FFF;  }
section.page.purple ul[class^="col-"].links a:hover icon-svg:before,
section.page.purple ul[class^="col-"].links a:hover icon-svg:before { color:#FFF; }

section.page.purple ul.links.invert a icon-svg:before { color:#FFF; }
section.page.purple ul.links.invert a .gradient-text { color:#FFF;  }
.purple .links.invert a icon-svg[class*="number-"]:after { background:#FFF; color:#da0000; }
section.page.purple ul.links.invert a:hover { background:rgba(0,0,0,0.2); }

section.page.navy .gradient-bg,
section.page .navy.gradient-bg {  background: #1a1a1a; background: linear-gradient(164deg, rgba(46,54,63,1) 0%, rgba(59,132,161,1) 100%); }
body.page.iotsoftware .subnav.navy { background: #1a1a1a; background: linear-gradient(164deg, rgba(46,54,63,1) 0%, rgba(59,132,161,1) 100%); }
body.page.iotsoftware .subnav.navy.transparent { background:rgba(255,255,255,0.2) !important; }
section.page.navy .gradient-text,
section.page .navy.gradient-text { color: #1a1a1a; background: -webkit-linear-gradient(132deg, rgba(59,132,161,1) 0%, rgba(46,54,63,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }  
section.page.navy icon-svg:before { color: #1a1a1a; background: -webkit-linear-gradient(132deg, rgba(59,132,161,1) 0%, rgba(46,54,63,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
section.page.navy .paragraph.page .scroll-button.gradient-text:after { color: #1a1a1a; background: -webkit-linear-gradient(132deg, rgba(59,132,161,1) 0%, rgba(46,54,63,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
section.page.navy ul.col-3.right-arrows li:after { color: #da0000;  }

section.page.navy ul[class^="col-"].links a:hover { background: rgba(184,69,227,1); background: linear-gradient(132deg, rgba(59,132,161,1) 0%, rgba(46,54,63,1) 100%); color:#FFF; }
section.page.navy ul[class^="col-"].links a:hover .gradient-text { color:#FFF; background:transparent; -webkit-background-clip: initial;  -webkit-text-fill-color: initial; }


section.page .gradient-text.aqua { color: rgb(17,202,221); background: -webkit-linear-gradient(139deg, rgba(17,202,221,1) 0%, rgba(0,160,223,1) 100%) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }  


body.product.template2 header { background: #1a1a1a;  }

.product .buy-grid { text-align:center; max-width:1600px; margin:auto; padding:0 1em; display:flex; flex-wrap:wrap; justify-content:center; }
.product .buy-grid select { width:100%; }
.product .buy-grid buy-item { display:block; max-width:300px; width:100%; min-width:200px; padding:2em 2em 9em 2em; vertical-align: top; position:relative; }
.product .buy-grid .button { padding: 0.5em 1.25em; border: 0; border-radius: 1.25em; font-weight: bold; width:100%; }
.product .buy-grid buy-options { position:absolute; bottom:0; width:100%; left:0; padding:0 2em 1em; }
/*******************************************/
/*   Tags
/*******************************************/

body.tags .block-page-title-block h1:before { content:"Tagged"; display:block; font-size:1rem; color:#FFF; color:rgba(255,255,255,0.6); margin-bottom:0.5em; }

.distypes li a:before { content: '\e81a' !important; }

.distypes { max-width:1200px; margin:auto; }
.distypes .category-button { width:50%; }
.distypes .category-button a { width:100%; padding-top:1em; padding-bottom:1em; font-size:1.6em; font-weight:bold; background:#FFF; color:#da0000; border-color:#da0000; }
.distypes .category-button a:hover { background-color:#da0000; color:#FFF; }
.distypes .category-button a:before { display:none; }
.distypes .category-button a.selected:before { display:inline-block; }
.distypes li a.selected:before { content: '\e80c' !important; }
.distypes .count { display:none !important; }

.view-distributors tbody tr.odd { background: #e6e6e6; }
.view-distributors tbody tr.even { background: transparent; }

/*******************************************/
/*  a Market
/*******************************************/

body.market .block-system-main-block { max-width:none; padding:0; }

body.market .block-region-header { position:relative; background:#1a1a1a; color:#FFF; padding:8rem 2rem 6rem 2rem; text-align: center; }
body.market .block-region-header .block-entity-fieldnodebody { position:relative; max-width:1200px; margin:auto; z-index:2; text-align:left; }
body.market .block-region-header .body { max-width:800px; }
body.market .block-region-header .block-entity-fieldnodefield-title { position:relative; z-index:2; max-width:1200px; margin:auto; text-align:left; }
body.market .block-region-header .title { font-size:3.2em; max-width:800px; }
body.market .block-region-header nav { position:relative; z-index:2; }
body.market .block-region-header .background { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position:center center; }

body.market .block-entity-fieldnodefield-description,
body.market .block-views-blockproduct-category-block-5,
body.market .block-entity-fieldnodefield-markets-served,
body.market .block-views-blockapplications-block-2 { max-width:1200px; margin-left:auto; margin-right:auto; margin-bottom:4em; }

body.market .block-entity-fieldnodefield-why-choose-laird { margin-bottom:4em; }
body.market .block-region-middle .block-entity-fieldnodefield-markets-served { margin-bottom:2em; }

body.market .block-views-blockproduct-category-block-5 h2 { display:none; }

body.market .block-entity-fieldnodefield-description,
body.market .block-entity-fieldnodefield-markets-served { padding-left:2rem; padding-right:2rem; }
body.market .block-entity-fieldnodefield-description ul,
body.market .block-entity-fieldnodefield-markets-served ul { line-height:150%; list-style: none; padding-left:1em; padding-right:1em; }
body.market .block-entity-fieldnodefield-description li,
body.market .block-entity-fieldnodefield-markets-served li { position:relative; padding-left:1.2em; margin-bottom:0.75em; }
body.market .block-entity-fieldnodefield-description li:before, 
body.market .block-entity-fieldnodefield-markets-served li:before { content:'\e80c'; color: #da0000; position:absolute; left:0; font-family: "fontello"; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  }

body.market .block-entity-fieldnodefield-why-choose-laird { background:#e6e6e6; padding:2rem 2rem 1rem; }
body.market .block-entity-fieldnodefield-why-choose-laird h2 { margin-top:0; }
body.market .block-entity-fieldnodefield-why-choose-laird .field_paragraph_photo { border:0;  }

.field_why_choose_laird { display:flex; flex-wrap: wrap; margin:auto; justify-content: center; text-align:center; }
.field_why_choose_laird > div { display:block; width:22em; margin:0 1em 2em; } 
.field_why_choose_laird .field_paragraph_photo { display:block; margin:0.5em auto; width:4em; height:4em; border-radius: 100%; border:2px solid #da0000; }
.field_why_choose_laird .field_paragraph_photo img { width:100%; }
.field_why_choose_laird .field_value { text-align:center; font-size:1.2em; margin-top:0.75em; font-weight: bold; }


body.market .block-views-blockresources-block-5 { padding:0 0 1em; max-width:1400px; margin:auto; }

/*******************************************/
/*  b Market
/*******************************************/

.view-markets ul { display:flex; flex-wrap: wrap; }

.view-markets li { position:relative; background:#e6e6e6; padding:2em 1em; width:48%; margin:1em 1%; overflow:hidden; }
.view-markets li:hover { box-shadow: 0px 4px 10px rgba(0,0,0,0.2); }
.view-markets .contextual-region { position:inherit; }
.view-markets .contextual { display:none; }
.view-markets li:hover a { color: #FFF; }
.view-markets li:hover .body { color: #FFF; }
.view-markets .market-teaser h3 { position:relative; z-index:1; }
.view-markets .market-teaser .body { position:relative; z-index:1; }
.view-markets .market-teaser .body p { margin-bottom:0; }
.view-markets .market-teaser .background { height:1em; position:absolute; background:#da0000; left:0; top:0; z-index:0; width:100%;  background-repeat: no-repeat; background-size:cover; background-position:center center; transition: all .3s ease;  }
.view-markets li:hover .market-teaser .background { height:100%; }

/*******************************************/
/*   Overview
/*******************************************/

body.overview .block-system-main-block { max-width:none; padding:0; }

body.overview .block-region-header { position:relative; background:#da0000; color:#FFF; padding:8rem 2rem 6rem 2rem; text-align: center; }
body.overview .block-region-header .block-entity-fieldnodebody { position:relative; max-width:1200px; margin:auto; z-index:2; text-align:left; }
body.overview .block-region-header .body { max-width:800px; }
body.overview .block-region-header .block-entity-fieldnodetitle { position:relative; z-index:2; max-width:1200px; margin:auto; text-align:left; }
body.overview .block-region-header h1 { font-size:3.2em; max-width:800px; }
body.overview .block-region-header .background { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position:center center; }

body.overview .views-element-container { max-width:1200px; margin:1rem auto; }


/*******************************************/
/*   Quote Blocks
/*******************************************/
.block-quote { max-width: 1200px; margin: 2rem auto; padding: 1em; display:flex; align-items:center; }
.block-quote .field_image { width:30%; padding:1em; }
.block-quote .field_image img { display:block; }
.block-quote .content { width:70%;  padding:1em; position:relative; font-size:1.1em; }
.block-quote .content.full { width:100%; }
.block-quote .content div { position: relative; z-index:1; }
.block-quote .content:before, body.homepage .block-quote .content:after { content:'\e818'; color:#da0000; font-family:"fontello"; position:absolute; font-size:4em; opacity:0.1; right:0; bottom:0.5em; display:block; width:1em; height:1em; z-index:0; }
.block-quote .content:before { left:-0.25em; top:0; right:auto; bottom:auto; transform: rotate(180deg); }
.block-quote .field_attribution { font-weight: bold; }

/*******************************************/
/*   Resource Category Teasers
/*******************************************/

ul.resource-categories,
.view-resource-categories ul { display:flex; flex-wrap: wrap; max-width:1200px; margin:0 auto; padding:2rem 2rem !important; list-style: none; }
ul.resource-categories li,
.view-resource-categories li { width:30%; margin:0 1.5% 1rem; background:#e6e6e6; overflow:hidden; }
ul.resource-categories li.clickable:hover,
.view-resource-categories li.clickable:hover { box-shadow: 0px 4px 10px rgba(0,0,0,0.2); }
.resource-category.teaser h3 { padding:0.5em 1rem 0; }
.resource-category.teaser .description { padding:0 1rem 1rem; }
.resource-category.teaser .field_media_image { border-bottom:2px solid #da0000; }
.resource-category.teaser .field_media_image img { width:100%; display:block; }
ul.resource-categories li.clickable:hover a,
.view-resource-categories li.clickable:hover a { color:#da0000; }
ul.resource-categories li.clickable:hover .resource-category.teaser .field_media_image,
.view-resource-categories li.clickable:hover .resource-category.teaser .field_media_image { border-color: #da0000; }

.resource-selector { background:#e6e6e6; }
.resource-selector h2 { padding-top: 1.5em; padding-bottom: 0.75em; }
.resource-selector .header { background:#FFF; box-shadow: 0px 6px 20px rgba(0,0,0,0.2); padding:1em 1em 0;  } 
ul.resource-buttons { list-style: none; display: flex; max-width: 1200px; margin: auto; margin-top: 1em; justify-content: center; padding:0 !important; }
ul.resource-buttons li { width: 100%; text-align: center; max-width: 260px; }
.resource-buttons li a { display: block; line-height: 3em; padding:1em 0.5em; border-bottom:4px solid #FFF; }
.resource-buttons li a.selected { border-color:#da0000; }
.resource-buttons li a:hover { color:#da0000; border-color:#da0000; }
.resource-buttons li a span { display:block; transition: transform .3s ease; }
.resource-buttons li a span:before { display:block; margin:auto; font-size:3em; text-align:center; }
.resource-buttons li a:hover span,
.resource-buttons li a.selected span { transform:scale(1.1); font-weight:bold; } 
.resource-items { padding-top:1em; }


body.resource_category .block-region-content nav,
body.page-node-9278 .block-region-content nav { background: #1a1a1a; }
body.resource_category .block-region-content nav.pager,
body.page-node-9278 .block-region-content nav.pager { background:transparent; padding:1em 2em 2em;}
ul.menu-resources { list-style: none; display: flex; max-width: 1200px; margin: auto; justify-content: center; padding:0 !important; flex-wrap:wrap; margin-top:2em;  }
ul.menu-resources li { width: 20%; text-align: center; }
ul.menu-resources li a { display: block; line-height: 1.2em; padding:1.5em 0.5em; color:#FFF; border-radius:1em; }
ul.menu-resources li a.is-active { color:#da0000;  background-color:#dfd5c8; font-weight:bold; }
ul.menu-resources li a:hover { background-color:#da0000; color:#FFF; }
ul.menu-resources li a span { display:inline-block; transition: transform .3s ease; }
ul.menu-resources li a span:before { font-family: "fontello";  font-style: normal;  font-weight: normal;  speak: none;  display: inline-block;  text-decoration: inherit;  width: 1em;  margin-right: .2em;  text-align: center;  font-variant: normal;  text-transform: none;  line-height: 1em;  margin-left: .2em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; display:block; margin:auto; font-size:3em; text-align:center; margin-bottom: 1rem; }

ul.menu-resources li a.is-active span { transform:scale(1.2); } 

ul.menu-resources li a.item-webinars span:before { content: '\e82c'; }
ul.menu-resources li a.item-success-stories span:before { content: '\e82d'; }
ul.menu-resources li a.item-news span:before { content: '\e82e'; }
ul.menu-resources li a.item-brochures span:before { content: '\e82f'; }
ul.menu-resources li a.item-blog span:before { content: '\e830'; }
ul.menu-resources li a.item-featured span:before { content: '\e831'; }
ul.menu-resources li a.item-white-papers span:before { content: '\e832'; }
ul.menu-resources li a.item-videos span:before { content: '\e833'; }
ul.menu-resources li a.item-podcast span:before { content: '\e834'; } 

ul.menu-resources li a span:before { display:none; }

/*******************************************/
/*   Paragraph Content Type
/*******************************************/

body.paragraphs .block-system-main-block { max-width:none; padding:0; }


body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph:first-of-type { padding-top: 4em; }
body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph.carousel-basic:first-of-type { padding-top: 0; }
body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph.carousel-basic:first-of-type .paragraph { padding-top:4em; }
body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph.carousel-basic:first-of-type .paragraph h2 { font-size:2.7em; }
body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph.carousel-header:first-of-type { padding-top: 0; }
body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph.carousel-header:first-of-type .paragraph { padding-top:4em; }
body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph.carousel-header:first-of-type .paragraph h2 { font-size:2.7em; }
body.paragraphs .block-entity-fieldnodefield-paragraphs > .paragraph:first-of-type > ul.preview { top:5em; }


.paragraph .tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1rem;
  justify-content: center;
}

.paragraph .tabs-nav .tab-btn {
  padding: .5rem .75rem;
  border-radius: .5rem;
  cursor: pointer;
  color:#FFF;
  font-size:1.1rem;
  background:transparent;
  border:2px solid #FFF;
}
.paragraph .tabs-nav .tab-btn:hover {
  border-color:#FFF;
  color:#da0000;
  background:#FFF;
}
.paragraph .tabs-nav .tab-btn.selected {
  border-color: #da0000;
  color: #da0000;
  background:#FFF;
  
}


.paragraph .tabs-nav { position: relative; z-index: 5; }
.paragraph .tabs-nav .tab-btn { pointer-events: auto; }

.paragraph.tabs-format > .content {
  position: relative;
  overflow: hidden;
}
.paragraph.tabs-format > .content > .paragraph.paragraph--type--paragraph {
  position: absolute;
  inset: 0;
  width: 100%;
  padding-top:0 !important; 
  padding-bottom:0 !important;
}

/*******************************************/
/*   FAQ
/*******************************************/

body.faq .field_products { font-weight:bold; line-height:1.5em;}
body.faq .field_products a { font-weight:normal; }
body.faq .field_products a:hover { color: #da0000 }

body.faq section.center .body { line-height:1.4em; padding:1em 0; font-size:1.1em; }
body.faq h1 { font-size:2.4em; line-height:1.2; }

.view-faqs.view-display-id-page_1 { padding:0 1em; }
.view-faqs.view-display-id-page_1 .view-content .views-row { margin-bottom:2em; }
.view-faqs.view-display-id-page_1 .view-filters { margin-bottom:2em; }
.view-faqs.view-display-id-page_1 h4 { font-weight:normal; line-height:1.3em; font-size:1.2em; }
.view-faqs.view-display-id-page_1 h4 a:hover { color: #da0000 }

.view-faqs.view-display-id-page_1 .views-field-field-products { color:#666; }
.view-faqs.view-display-id-page_1 .views-field-field-products a { color:#999; }
.view-faqs.view-display-id-page_1 .views-field-field-products a:hover { color:#da0000; }

.view-faqs code,
body.faq code { display:block; padding:2em; margin:2em 0;  border-radius:1em; white-space: pre; overflow:auto; background:#e6e6e6; }
.view-faqs code.inline,
body.faq code.inline { display:inline-block; vertical-align: middle; padding:0.25em 0.5em; margin:0; background:#e6e6e6; border-radius:0.5em; }


ul.faqs,
ul.downloads { list-style:none; line-height:1.6em; padding:1em 0; padding-left:0 !important; }
ul.faqs li,
ul.downloads li { font-size:1.2em; padding:0.5em 0; }
ul.faqs a:hover,
ul.downloads a:hover { color:#da0000 }

ul.downloads a span { display:inline-block; font-size:0.6em; background:#CCC; font-weight:bold; color:#fff; line-height:1em; border-radius:0.25em; padding:0.5em; text-transform: uppercase; vertical-align: middle; }
ul.downloads a:hover span { background:#da0000; }

body.faqs form.filters,
body.downloads form.filters { padding:0; }
body.faqs .total,
body.downloads .total { padding:1em; border-radius:0.25em; background:#e6e6e6; text-align:center; }

body.downloads form.filters { display:flex; flex-wrap:nowrap; }
body.downloads form.filters select { margin-left:1em; width:auto; }

/*******************************************/
/*   Documentation
/*******************************************/
body.document .block-entity-fieldnodefield-documentation-type { padding-bottom:2em; padding-top:2em; }
body.document .block-entity-fieldnodefield-documentation-type { font-weight:bold; }
body.document h2 { font-size:1.6em; }

body.document .view-content-with-documentation table { width:auto; margin-top:1em; text-align:center; }
body.document .view-content-with-documentation table thead { background:#e6e6e6; }
body.document .view-content-with-documentation table td { vertical-align:middle; }
body.document .view-content-with-documentation table a:hover { color: #da0000 }

body.document .button { border-radius: 1.25em; }

body.document object.pdfviewer { height:60vh; width:100%; box-shadow: 0px 10px 20px -2px rgba(0,0,0,0.2); margin-bottom:1em; background:#FFF; }
body.document object.pdfviewer.fullscreen { position:fixed; top:0; left:0; z-index:1000; height:100%; margin-bottom:0; }
body.document a.pdffullscreen { position:fixed; bottom:1rem; left:2rem; z-index:1001; border-radius: 1.25em; min-width: 0; width:auto;    -webkit-transition: background .2s ease, color .2s ease; -moz-transition: background .2s ease, color .2s ease; -o-transition: background .2s ease, color .2s ease; transition: background .2s ease, color .2s ease; }
body.document a.pdffullscreen.icon-resize-horizontal { position:relative; bottom:0; left:0; z-index:0; }
body.document a.pdffullscreen.icon-resize-horizontal:before { transform: rotate(-45deg); }

/*******************************************/
/*   Dev Kit Buy Nows
/*******************************************/
.view-parts.view-display-id-block_6 { border-top:2px solid #FFF; padding-top:1em; }
.view-parts.view-display-id-block_6 ul.dev-kits { display:flex; justify-content:center; flex-wrap:wrap; }
.view-parts.view-display-id-block_6 ul.dev-kits li { width:30%; text-align:center; padding:1em; }
.view-parts.view-display-id-block_6 ul.dev-kits .views-field-title { font-weight:bold; font-size:1.4em; }
.view-parts.view-display-id-block_6 ul.dev-kits .views-field-body { margin-bottom:1em; margin-top:0.5em; line-height:130%; }



/*******************************************/
/*   Events
/*******************************************/

body.event main section.center { display:flex; flex-wrap:nowrap; padding:2em 0; }
body.event main .photo { max-width:400px; width:100%; margin: 0 auto 1em; text-align:right; }
body.event main .content { width:100%; }
body.event main .dates { display: block; font-weight:bold; font-size:1.2em; }
body.event main .dates i { font-style:normal; font-weight:normal; }
body.event main .venue { padding:1em 0 0; }
body.event main .location { padding:1em 0; }
body.event main .body { line-height:1.5em; margin-bottom:1em; }

.view-events-list { max-width:1200px; margin:auto; }
.view-events-list table { width:100%; }
.view-events-list thead { background:#1a1a1a; color:#FFF; } 
.view-events-list .photo img { max-width:150px; width:100%; }
.view-events-list .photo { text-align:center; }
.view-events-list th, .view-events-list td { vertical-align: middle; }
.view-events-list .button { margin-bottom:0; }
.view-events-list .date { white-space: nowrap; }
.view-events-list .button { white-space:nowrap; width:100%; }
.view-events-list .expired a,
.view-events-list .expired { color:#999; }
.view-events-list .expired a:hover { color:#da0000; }

.block-views-blockevents-list-block-1 { overflow-x: auto; }

div.vrbox { position:relative; width:100%; min-height:70vh; background-size:contain; background-repeat: no-repeat; background-position: center center; }
div.vrbox .button-wrapper { position:absolute; top:1em; left:0; width:100%; text-align:center; }

/*******************************************/
/*   Battery Estimator Tool
/*******************************************/

div.battery-estimator,
div.coefficient-calculator { width: 100%; }

div.battery-estimator,
div.coefficient-calculator { display:flex; flex-wrap:wrap; align-items:flex-start; }
div.battery-estimator h3,
div.coefficient-calculator h3 { color: #1a1a1a; padding:0.5rem; }
div.battery-estimator div.section.temperature { width:98%; }
div.battery-estimator div.section.temperature div.field { max-width:360px; }
div.battery-estimator div.section,
div.coefficient-calculator div.section { width:48%;  border:2px solid #e6e6e6; margin:0.5em 1%;  padding:1em; border-radius:1em; }

div.coefficient-calculator table { width:100%; }
div.coefficient-calculator table.totals td { color:#da0000; font-weight:bold; font-size: 1.2em; }

div.battery-estimator div.field { border-bottom:1px solid #e6e6e6; padding:0.5em;}
div.battery-estimator div.field:last-child { border:0; }
div.battery-estimator div.field label,
div.battery-estimator div.field.radios { display:flex; flex-wrap: wrap; padding:0.5em 1em; width:100%; align-items:center; }
div.battery-estimator div.field.radios label { padding:0.25em; position:relative; cursor:pointer; padding-left:1.6em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
div.battery-estimator div.field.radios input { position: absolute; opacity: 0;  height: 0; width: 0; }
div.battery-estimator div.field.radios label em { line-height:1em; font-style: normal; }
div.battery-estimator div.field.radios span { padding: 0.5em; }
div.battery-estimator div.field.radios span:nth-child(even) { padding: 0.5em 0; }
div.battery-estimator div.field span { display:block; }
div.battery-estimator div.field span:nth-child(odd) { width:70%; }
div.battery-estimator div.field span:nth-child(even) { width:30%; }

div.battery-estimator div.years { display:flex; width:100%; padding:0.75rem; align-items:center; }
div.battery-estimator div.years > div { width:40%; font-size:3em; text-align:center; color:#da0000;  }
div.battery-estimator div.years > div#piechart { width:60%; }
div.battery-estimator div.years ul { width:70%; }
div.battery-estimator div.years ul li { display:inline-block; width:40% }
div.battery-estimator div.years ul li:before { display:none; }

div.battery-estimator div.field.radios label em:after { content: ""; position: absolute; background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
 border-radius: 50%; text-align:center; line-height:1em; font-size:1em; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); top:0.125em; left:0; width:1em; height:1em; }
/* Create the indicator (the dot/circle - hidden when not checked) */


/* Show the indicator (dot/circle) when checked */
div.battery-estimator div.field.radios label input:checked ~ em:after {
  content: "●";
  color:#fff;
  border:1px solid #da0000;
  background: linear-gradient(to bottom, #da0000 0%,#128fd2 100%);
}
div.battery-estimator div.field.radios label input:checked ~ em { 
  color: #da0000;
  font-weight:bold;
}
div.battery-estimator div.field.radios label:hover em { 
  color: #da0000;
}
div.battery-estimator div.field.radios label:hover em:after {
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  background: linear-gradient(to bottom, #FFF 0%,#e6e6e6 100%);
  border-color:#aaa;
}





/*******************************************/
/*   EMC TESTING FORM
/*******************************************/

.webform-submission-emc-testing-form { max-width: 960px; width: 100%; margin: 0 auto; padding: 1em 2em; }
.webform-submission-emc-testing-form .form-item { display:block; padding: 0.5em 0; }
.webform-submission-emc-testing-form .form-item label,
.webform-submission-emc-testing-form .form-item legend { display:block; }
.webform-submission-emc-testing-form .form-item select { width:100%; }


/*******************************************/
/*   Partners
/*******************************************/

body.partners .block-system-main-block { max-width:none; padding:0; }

body.partners .block-page-title-block { display:none; }
body.partners main { padding-top:0; padding-bottom: 0; }
body.partners header { background:none; }


.view-partners .views-field-nothing { max-width:1100px; margin:1em auto; }
.view-partners li.section { padding:1em 3em; }
.view-partners li.section ul { display:flex; flex-wrap:wrap; }
.view-partners li.section li { padding:0.5em; max-width:120px; text-align:center; }
.view-partners li.section li img { border-radius: 100%; border: 2px solid; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-bottom:0.5em; }
.view-partners li.section li a:hover { color:#da0000; }
.view-partners li.section li a:hover img { border-color:#da0000; }

.view-partners .views-field-field-icon { float: right; width: 20%; padding: 1em; }
/* .view-partners .section:nth-child(even) { background: #e6e6e6; } */
.view-partners .view-display-id-block_2 .section:nth-child(even) { background:transparent; }




.comparison-bar { position:fixed; bottom:-4em; left:0; width:100%; z-index:60; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  }
.comparison-bar.show { bottom:3em; }
.comparison-bar a { margin:auto; text-transform: uppercase; max-width:20em; width:100%; background:#da0000; border:2px solid #f31919; color:#FFF; padding:1em; display:block; font-weight:bold; text-align:center; border-radius:2em; box-shadow: 0px 10px 20px -2px rgba(0,0,0,0.4); }
.comparison-bar a:hover { background: #f31919; }


/* Silo all styles under .view-partners */
.view-partners {
  max-width:1200px;
  margin:0 auto;
  --vp-gap: 14px;
  --vp-photo-w: 160px;        /* consistent logo column width */
  --vp-tech-w: 320px;         /* technology column width */
  --vp-desc-w: 1fr;         /* type column width */
  --vp-text: #1a1a1a;
  --vp-muted: #5f5f5f;
  padding:0 2em;
}

.view-partners .partner-group {
  margin-bottom: 3em;
}

.view-partners .partner-group-title {
  margin: 0 0 10px 0;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--vp-text);
  border-bottom:2px solid #e6e6e6;
  padding-bottom:0.5em;
}

.view-partners .partner-list {
  display: grid;
  gap: 8px; /* vertical rhythm between rows */
}

.view-partners .partner-row {
  display: grid;
  grid-template-columns: var(--vp-photo-w) var(--vp-tech-w) var(--vp-desc-w) ;
  align-items: center;
  gap: var(--vp-gap);
  padding:2em 0.5em;
  background: transparent; /* no row borders; clean look */
  line-height: 1.4;
  border-radius:1em;
  cursor:pointer;
}
.view-partners .partner-row:hover {
  background:#f1f1f1;
}

.view-partners .partner-row .col {
  min-width: 0; /* allow text truncation */
}

/* Photo column */
.view-partners .col-photo {
  width: var(--vp-photo-w);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.view-partners .col-photo img {
  max-width: 100%;   /* scale to column width */
  height: auto;      /* keep aspect ratio */
  display: block;
  padding:0 1em;
}
.view-partners .col-photo a { 
  width:100%;
  text-align:center;
}

.view-partners .photo-placeholder {
  width: 100%;
  height: auto;
  display: block;
  background: none; /* no gray background */
}

/* Title */
.view-partners .col-title .partner-title {
  text-decoration: none;
  color: var(--vp-text);
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left:1em;
}

/* Type */
.view-partners .col-description {
  color: var(--vp-muted);
}

/* Technology */
.view-partners .col-technology {
  color: var(--vp-text);
  opacity: 0.9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:bold;
}

/* Responsive: stack or adjust widths on smaller screens */
@media (max-width: 1024px) {
  .view-partners .partner-row {
    grid-template-columns: var(--vp-photo-w) 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .view-partners .partner-row {
    grid-template-columns: auto;
    row-gap: 6px;
  }
  .view-partners .col-description {

    
  }
  /* Show labels on small screens */
  .view-partners .col-description { grid-column: span 1; padding:0 1em; }
  .view-partners .col-technology { grid-column: span 1; padding:0 1em;  }
  .view-partners .col-photo { margin-bottom:1em; }
}
/*******************************************/
/*   Account
/*******************************************/

body.account section.center { padding:2em 1em; }

body.account form { padding:0; }
body.account .login-box { max-width:400px; background:#e6e6e6; border-radius:1em; margin:1em auto; padding:2em; text-align:center; margin-top:-4em; box-shadow: 0px 4px 10px rgba(0,0,0,0.2); }
body.account .login-box input { width:100%; margin-bottom:1.25em; }
body.account .login-box .button { width: 100%; }
body.account .login-box h2 { margin-bottom:1rem; text-align:center;}
body.account .login-box a { line-height:1.4em; }
body.account .login-box a:hover { color: #da0000; }

body.account .edit-profile { max-width:1200px; margin:1em auto; display:flex; justify-content: center; align-items: flex-start }
body.account .edit-profile form { max-width:600px; width:100%; margin:0 0.5em; }
form.smart-form input,
form.smart-form select,
form.smart-form textarea { width:100%; }
form.smart-form textarea { height:10em; }
form.smart-form .additional-comment { margin-bottom:1em; line-height:140%; }
form.smart-form { display:flex; flex-wrap:wrap; }
form.smart-form label { display:block; width:50%; padding:0.5em; }
form.smart-form label.full { width:100%;}
form.smart-form fieldset { display:block; width:100%; margin:0 0 0.25em; padding:0.25em 1em; display:flex; flex-wrap:wrap; border-bottom:1px solid #CCC;  }
form.smart-form h2,
form.smart-form h3,
form.smart-form h4 { width:100%; margin:1rem 0 1rem; text-align:center; }
form.smart-form fieldset + h2 { margin-top:2.4rem; }
form.smart-form fieldset h2,
form.smart-form fieldset h3,
form.smart-form fieldset h4 { margin:0rem 0 1rem; }
form.smart-form fieldset h3 { margin:1rem; text-align:left; }
form.smart-form  fieldset.gray { background:#e6e6e6; padding:1em; border-radius:1em; border:0; }
form.smart-form  fieldset.no-border { border:0; }
form.smart-form  fieldset .button { margin:1em auto 0; }

form.smart-form label.checkbox { display:flex; flex-wrap:nowrap; line-height:1.4em; width:33.33%; }
form.smart-form label.checkbox.full { width:100%; }
form.smart-form label.checkbox input { width:2em; }
form.smart-form label.checkbox div { display:100%; }

// Honeypot field
form.smart-form label.email { display:none !important; }
 
 .password-status { padding-top:1em; font-weight:bold; }
 .password-status.weak-password { color:#8e0707; }
 .password-status.medium-password { color:#da0000; }
 .password-status.strong-password {color: #da0000; }
 
form.contact-form { max-width:800px; width:100%; margin:0 0.5em; margin:auto; }
form.rma { max-width:800px; width:100%; margin:0 0.5em; margin:auto; }

form.smart-form .logged-in-message { padding:1.25em 1em; margin:0 1.5em 1em; background-color:#e6e6e6; width:100%; border-radius:0.5em; }


/*******************************************/
/*   Teaser Lists
/*******************************************/

section.teasers h3 { margin-top:1em; padding-top:1em; border-top:1px solid #CCC; }
section.teasers ul { list-style:none; padding-left:0; }
section.teasers a { display:flex; flex-wrap:nowrap; align-items:center; width:fit-content; margin:1em; }
section.teasers a:hover { color: #da0000; }
section.teasers span { display:block; width:100%; padding-left:1em; }
section.teasers img { display:block; max-width:80px; }
 
 
 .load-more .button { margin-left: auto; margin-right:auto; }


body.resources-subscribe,
body.resources-subscribe main.main { background: #1a1a1a; }

[data-table-filters] ul { width:100%; text-align:center; }
[data-table-filters] li { list-style-type: none; display:inline-block; margin:0.5em; cursor:pointer; padding:2em; border-radius:1em; border:2px solid #e6e6e6; }
[data-table-filters] ul.small-icons li { padding:1em; }
[data-table-filters] li:hover { background:#e6e6e6; }
[data-table-filters] li.active { border-color: #da0000; }
[data-table-filters] li:before { display:none }
[data-table-filters] li h3 { margin-bottom:0; color:#da0000; }
[data-table-filters] li h3:before { font-size:1.2em; }
[data-table-filters] li.active h3 { color:#da0000; }



.usa { white-space: nowrap; margin:0 !important; width:auto; display:inline-block; color:#002762; font-size:1em; font-weight:bold; padding:0.5em 0.5em 0.5em 3em; background: url(https://d2g2p0i8cc2bmh.cloudfront.net/fit-in/200x200/2023-10/made-in-usa-flag-circle1.png) no-repeat left center; background-size: contain; }
.product-info-bar { background:#e6e6e6; padding:0.25em; border-radius:1.5em; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-around; }
.support-plus { white-space: nowrap; margin:0 !important; width:auto; display:inline-block; font-size:1; font-weight:bold; padding:0.5em 1em 0.5em 3em; border-radius:1.5em; background: url(https://d2g2p0i8cc2bmh.cloudfront.net/fit-in/200x200/2023-11/icon-help.png) no-repeat left center; background-size: contain; }
.product-info-bar a:hover { background-color: #1a1a1a; color:#da0000;  }

nav.icons { display:flex; justify-content: space-between; text-align:center; flex-wrap:wrap; width:auto; }
nav.icons a { font-size:1.4em; color:#FFF; display:block; padding:1em 2em; border-radius:1em; line-height:1.3em; text-decoration:none !important; }

nav.icons img { max-width:100px; display:block; margin:0.5em auto; }
nav.icons a:hover { background:rgba(255,255,255,0.1); text-decoration:none !important;  }
nav.icons a.current { background:rgba(255,255,255,0.1); }
nav.icons.dark a { color: #1a1a1a; }
nav.icons.dark a:hover { background:rgba(0,0,0,0.1); }
nav.icons.dark a.current:hover { background:rgba(0,0,0,0.1); }

nav.icons.fourth a { width:25%; }


body.boundary-devices .field_paragraph_body { line-height:150%; margin:1em 0; }
body.boundary-devices h2,
body.boundary-devices h3,
body.boundary-devices h4,
body.boundary-devices h5 { padding:1em 0 0.5em; }
body.boundary-devices h1 { line-height:110%; }

body.document .archived-message { border:0; background:#f1f2f2; color:#666;}
body.document .archived-message p { margin:0; }
body.document .archived-message h3 { padding:0; }
body.document img.size-full { margin:1.5em 0 0.5em !important; }
body.document img.aligncenter { display:block; width:auto; margin-left:auto; margin-right:auto; }
body.document img.alignright { float:right; }
body.document hr { margin:2em 0;}

body.boundary-devices .body { line-height:150%; }

body.faq code { white-space: pre; }


/* .rebrand-banner { position:fixed; top:3.8em; background:#da0000; left:0; width:100%; z-index:4; color:#FFF; padding:0em 1em 0em 4.5em; box-shadow: 0px 4px 10px rgba(0,0,0,0.2); }
body.is-admin .rebrand-banner { padding-left:7em }
.rebrand-banner a.button { margin:0; padding:0.5em 1em; min-width:0 !important; width:auto !important; }
.rebrand-banner img { max-height:3em; width:auto; vertical-align: middle; margin-right:0.5em; display:inline-block; }
.rebrand-banner b { display:inline-block; margin-right:1em; font-size:1em; } */

/* .rebrand-banner { background:#dfd5c8; color:#1a1a1a; } */

/* body.article.rebrand-banner-visible .block-page-title-block { padding-top:10em }
body.product.rebrand-banner-visible .block-region-header { padding-top:10em }
body.rebrand-banner-visible .paragraph.top-paragraph { padding-top:8em !important; }
body.rebrand-banner-visible main.main .block-page-title-block { padding-top:10em !important; } */


form.product-selected {
  position:relative;
}
form.product-selected a {
  position:absolute;
  right:3rem;
  top:50%;
  margin-top:-0.7em;
  font-size:1.6em;
  background:#1a1a1a;
  border-radius:100%;
  line-height:1.4em;
  color:#FFF;
  text-align:center;
}
form.product-selected a:hover {
  background:#da0000;
}

table.prn {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    text-align: left;
}

/* Style for the table headers */
table.prn th, table.prn td {
    padding: 12px 15px;
}

/* Add a background color to the table header */
table.prn thead th {
    background-color: #da0000;
    color: white;
}

table.prn tbody th {
    background-color: #efefef;
    position:relative;
    padding-right:5em;
}

/* Add a border to each cell */
table.prn th, table.prn td {
    border: 1px solid #CCC;
}

table.prn .links {
  position:absolute;
  right:0.5em;
  top:0.5em;
  width:auto;
}
table.prn .links a {
  display:inline-block;
  text-align:center;
  background:#FFF;
  border-radius:100%;
  color:#da0000;
  line-height:1.4em;
  margin:0.25em;
}
table.prn .links a:hover {
  background:#da0000;
  color:#FFF;
}

table.prn a:hover { 
  color:#1a1a1a;
}

table.prn td {
  white-space:nowrap;
}

table.prn tr:nth-child(even) td {
    background-color: #f2f2f2;
}

/* Add hover effect for rows */
table.prn tr:hover td {
    background-color: #DDD;
}





.software-releases {
  padding-bottom: 3em;
}

/* Style for the filter columns */
.software-releases .filter-column {
  position: relative;
  cursor: pointer;
  padding-right: 20px; /* Add space for the icon */
  vertical-align: top;
  width:12%;
}

/* Add the icon to the right side of the column header */
.software-releases .filter-column::after {
  content: '';
  position: absolute;
  top: 0.6em;
  right: 5px;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=UTF8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 15l-6-6h12z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none; /* Allow clicks to pass through to the header */
}

.software-releases .filter-column:hover {
  background: #f31919;
}

/* Style the header content */
.software-releases .filter-column .header-content {
  display: block;
}

/* Style for the selected filters text */
.software-releases .filter-column .selected-filters {
  font-size: 0.8em;
  color: #FFF;
  opacity:0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height:1.6em;
}

/* Hide dropdowns by default */
.software-releases .filter-column .dropdown {
  display:none;
  position: absolute; /* Allow dropdown to escape the container */
  z-index: 1000; /* Ensure dropdown appears above other elements */
  top: 100%; /* Align dropdown below the column header */
  left: 0; /* Start dropdown from the left of the column */
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 10px;
  max-height: 200px;
  overflow-y: auto; /* Allow scrolling within the dropdown if it becomes too long */
  white-space: nowrap;
}

.software-releases .filter-column:last-of-type .dropdown {
  left:auto;
  right:0;
}

/* Show dropdown on hover */
.software-releases .filter-column:hover .dropdown {
  display: block;
}

/* Style for labels inside dropdown */
.software-releases .dropdown label {
  display: block;
  margin-bottom: 5px;
  color: #1a1a1a;
  white-space: nowrap;
}

.software-releases .filters {
  padding: 2em 1em;
}

.software-releases table td { line-height:1.6em; }








/* Ensure we target only our slotmachine elements */
.slotmachine {
  font-family: "Manrope", sans-serif;
  font-size: 1.4em;
  text-align: center;
}

/* Style the static text parts */
.slotmachine > span {
  vertical-align: middle;
}

/* Word container (similar to .word-box in your concept) */
.slotmachine .words {
  display: inline-block;
  position: relative;
  background-color: #dfd5c8;
  background-color:transparent;
  border:4px solid #da0000;
  color: #da0000;
  margin: 0.2em 0.3em 0.1em;
  padding: 0 0.4em;
  height: 1.6em;         /* roughly one line of text */
  line-height: 1em;
  overflow: hidden;
  vertical-align: middle;
  min-width: 3em;        /* adjust to fit the longest word */
  text-align: center;
  border-radius:0.25em;
}

/* All rotating words are absolutely positioned and centered */
.slotmachine .words span {
  position: absolute;
  line-height:1.4em;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  opacity: 0; /* hidden by default */
}

/* The currently active word */
.slotmachine .words span.active {
  opacity: 1;
}

/* Animation classes */
.fade-slide-in {
  animation: fadeSlideIn 0.5s forwards;
}

.fade-slide-out {
  animation: fadeSlideOut 0.5s forwards;
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes fadeSlideOut {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-100%);
  }
}
.paragraph-id-3764313975 h3 { transition: color 0.5s ease; }
.paragraph-id-3764313975 .slotmachine-active h3 { color: #da0000; }







/* RELATED PARTS */
.related-parts-container { margin:auto; padding:2em; max-width:1200px }
.related-parts-container + .related-parts-container { padding-top:0; border-top:1px solid #e6e6e6; }
.related-parts {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  margin-top: 2em;
  color: #1a1a1a;
}

/* Info Sidebar - narrower width */
.related-parts .info {
  flex: 0 0 15em;
  max-width: 15em;
  text-align: left;
  padding-right: 1em;
}

.related-parts .info h2 {
  font-weight: 700;
  margin: 0 0 0.5em;
  text-align:left;
}

.related-parts .info p {
  margin: 0;
}

/* Responsive Grid Items */
.related-parts .items {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));
  gap: 1.5em;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Grid Tile */
.related-parts .items > li {
  box-sizing: border-box;
}

/* Clickable Tile Wrapper */
.related-parts .items > li a.tile-link {
  display: flex;
  flex-direction: row;
  gap: 1em;
  background: #fff;
  border: 0.1em solid #e6e6e6;
  border-radius: 0.5em;
  padding: 1em;
  height: 100%;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.related-parts .items > li a.tile-link:hover {
  border-color: #da0000;
  box-shadow: 0 0 0.5em rgba(218, 0, 0, 0.2);
  cursor: pointer;
}

/* Image Placeholder */
.related-parts .photo {
  width: 4em;
  height: 4em;
  background: #dfd5c8;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.related-parts .photo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Description Text */
.related-parts .description {
  flex: 1;
}

.related-parts .description h4 {
  margin: 0 0 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  color:#da0000;
}

.related-parts .description p {
  margin: 0 0 0.5em;
  font-size:0.9em;
}

.related-parts .description ul {
  padding: 0;
  margin: 0;
  font-size:0.9em;
}

.related-parts .description ul li {
  margin-bottom: 0.3em;
  line-height:1.4em;
  font-weight:600;
}

/* Responsive Adjustments */
@media (max-width: 46em) {
  .related-parts {
    flex-direction: column;
  }

  .related-parts .info {
    order: -1;
    max-width: 100%;
    padding-right: 0;
    flex: 0 0 0;
  }

  .related-parts .items {
    grid-template-columns: 1fr;
  }

 
}




.video-gallery {
  display: block;
}

.video-gallery .main-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.video-gallery .main-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px; /* or whatever value you want */
  overflow: hidden;
}

.video-gallery .video-thumbs {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content:center;
}

.video-gallery .video-thumb {
  cursor: pointer;
  width: 150px;
  text-align: center;
}

.video-gallery .video-thumb img {
  width: 100%;
  display: block;
  border: 2px solid transparent;
  transition: border-color 0.3s;
  border-radius:0.5em;
}

.video-gallery .video-thumb:hover img {
  border-color: #da0000; /* Highlight on hover */
}

.video-gallery .video-title {
  font-size: 0.9em;
  margin-top: 0.3em;
  line-height:1.4em;
}

.video-gallery .video-thumb.active img {
  border-color: #da0000;
}
.video-gallery .video-thumb.active .video-title {
  font-weight:bold;
}




.search-modal {
  position: fixed;
  inset: 0;
  background: rgba(26, 26, 26, 0.75);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 9999;
}

.search-modal .search-inner {
  position: relative;
  max-width:450px;
  width:100%;
  margin-top:33vh;
  padding:0 1em;
}

.search-modal .search-inner .close-modal {
  position: fixed;
  top: 1em;
  right: 1em;
  font-size: 2em;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
}

.search-modal .search-inner .input {
  position: relative;
}

/* Input box */
.search-modal .search-inner input[type="text"] {
  padding: 0.5em 1em;
  border-radius: 2em;
  border: none;
  font-size: 1.6em;
  line-height:1em;
  width: 100%;
  outline: none;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  position: relative;
  z-index: 2;
  background: white;
}

/* Suggestions container */
.suggestions {
  position: absolute;
  top: 1.75em;
  left: 0;
  width: 100%;
  margin-top: 0;
  padding-top: 2em; /* to make space for input overlap */
  background: white;
  border-radius: 0;
  border-bottom-left-radius: 1.6em;
  border-bottom-right-radius: 1.6em;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  z-index: 1;
  display: none;
  list-style: none;
  max-height: 40vh;
  overflow-y: auto;
}


.search-modal .icon-right-1 {
  position: absolute;
  right: 0.75em;
  top: 0.75em;
  background: #da0000;
  color: #FFF;
  border: none;
  border-radius: 50%;
  width: 2.25em;
  height: 2.25em;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  cursor: pointer;
  display: none;
  z-index: 3;
  margin:0;
}

.search-modal .icon-right-1:hover {
  background:#1a1a1a;
  color:#FFF;
}
.search-modal .icon-right-1:before {
  margin: 0;
}

/* Suggestion items */
.suggestions li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  cursor: pointer;
}

.suggestions li img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
}

.suggestions li span {
  flex-grow: 1;
  font-size: 16px;
}

.suggestions li.active,
.suggestions li:hover {
  background: #da0000;
  color:#FFF;
}


.paragraph-id-4197160013 .content { height:40vh; }
.paragraph-id-4197160013 .slide { padding-top:10vh; }

.paragraph-id-4188932809 .content { max-width:none; }


.marquee-wrap {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  /* feather mask pinned to edges (stays put) */
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 56px, black calc(100% - 56px), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, black 56px, black calc(100% - 56px), transparent 100%);
}

.marquee-track {
  display: flex;
  align-items: center;
  gap: 3rem;
  white-space: nowrap;
  will-change: transform;
}

.marquee-track img {
  max-height: 28px;   /* limit height */
  max-width: 150px;   /* limit width */
  width: auto;        /* maintain aspect ratio when height is restricted */
  height: auto;       /* maintain aspect ratio when width is restricted */
  display: block;
}

/* Animation */
@keyframes marquee-x {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--marquee-shift, 0px))); }
}
.marquee-track.is-animating {
  animation-name: marquee-x;
  animation-duration: var(--marquee-duration, 60s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.marquee-wrap:hover .marquee-track.is-animating { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none !important; }
}