/****************************************************/
/*   Video Conference Gear Product Description      */
/*    - specific to BigCommerce Product Description */
/*      Text Area for Room Kit Pages                */
/*   Created: Dec 2018                              */
/****************************************************/
/****************************************************/
/*   Section and Div layout/positioning             */
/****************************************************/
.vcg-kit {
  background-color: white;
  padding: 1em; }

vcg-kit-header img {
  visibility: hidden; }

.vcg-kit-top {
  padding: 0em; }

.vcg-kit-highlights {
  padding: 0em;
  border-bottom: solid 1px #00AADB;
  margin-bottom: 1em; }

.vcg-kit-main-content {
  margin-right: 0em;
  padding: 0em; }

.vcg-kit-cards {
  padding: 1em 0em 3em 0em;
  border-bottom: solid 1px #777; }

.vcg-product-card {
  padding: 1em 0em 2em 0em; }

.vcg-kit-bottom {
  padding: 1em 0em; }

.prod-spec-container {
  display: block;
  padding: 1em; }

.prod-spec-item {
  padding: 1em; }

.rc-bottom-container {
  display: block;
  padding: 1em; }

.rc-bottom-item {
  padding: 1em; }

.endContent {
  width: 100%;
  padding: 2em; }

.secProdSpec {
  width: 100%;
  padding: 0 1em;
  margin: -1em 0;
  font-size: 22px;
  font-weight: 600; }

/****************************************************/
/*   Text Formatting                                */
/****************************************************/
.kit-headline {
  text-align: center;
  font-weight: 600;
  padding: 0em 1em;
  line-height: normal; }

.kit-headline-bg {
  background-color: #00AADB;
  text-align: center;
  padding: 1em 0em;
  color: white;
  font-weight: 700;
  letter-spacing: .25em;
  line-height: normal; }

.kit-bullets {
  list-style-type: none;
  padding: .5em 0em; }

.kit-bullets li {
  line-height: 1.5em;
  padding: .5em 2.5em; }

.prod-spec-item h4 {
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: -.1em; }

prod-spec-bullets li {
  font-size: 22px;
  list-style-type: none; }

.rc-bottom-item h4 {
  font-weight: 600;
  text-decoration: none;
  margin-bottom: none;
  text-align: center; }

.rc-bottom-item p {
  font-weight: 200;
  text-decoration: none;
  margin-bottom: none;
  text-align: center; }

/****************************************************/
/*   Image Formatting                               */
/****************************************************/
.vcg-kit-header {
  display: none; }

.kit-image-left {
  float: none;
  width: 100%; }

.kit-image-right {
  float: none;
  width: 100%; }

.kit-headline-left {
  text-align: left;
  font-weight: 600;
  padding: .5em 0em 0em 0em;
  line-height: normal; }

/****************************************************/
/*   Viewport Formatting Any Screen over 600px      */
/****************************************************/
@media screen and (min-width: 600px) {
  .vcg-kit {
    color: inherit; }
  .vcg-kit-header {
    display: block;
    padding: 0;
    margin: 0; }
  .vcg-kit-header img {
    width: 100%; }
  .vcg-kit-top {
    display: flex; }
  .vcg-kit-highlights {
    flex-basis: 27%;
    padding: 0em;
    border-bottom: solid 1px #fff;
    margin: 0em 1em 0em 0em; }
  .vcg-kit-main-content {
    flex-basis: 72%;
    margin: 0em 0em 0em 1em;
    border-left: solid 1px #777;
    padding: 0em 2em 1em 2em; }
  .kit-bullets li {
    line-height: 1em;
    padding: .5em .5em; }
  .vcg-product-card {
    display: flex;
    align-content: space-between;
    box-shadow: 5px 5px 25px #999;
    padding: 0em;
    margin: 0em 2.5em 3.5em 0em; }
  .vcg-product-card-header {
    background-color: #00AADB;
    flex-basis: 30%;
    padding-left: 1em;
    padding-right: 1em; }
  .kit-card-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 70%; }
  .vcg-product-card-image {
    flex-basis: 48%; }
  .vcg-product-card-content {
    flex-basis: 48%;
    padding: 1em; }
  .kit-headline-left {
    text-align: left;
    font-weight: 600;
    padding: .5em 0em 0em 0em;
    line-height: normal; }
  .kit-image-left {
    float: left;
    width: 450px; }
  .kit-image-right {
    float: right;
    width: 275px; }
  .vcg-kit-main-content {
    margin-right: 1em;
    padding: 1em 0em 1em 2em; }
  .prod-spec-container {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    padding: 1em; }
  .prod-spec-item {
    flex-basis: 25%;
    padding: 1em; }
  .rc-bottom-container {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    padding-top: 50px; }
  .rc-bottom-item {
    flex-basis: 33%;
    padding-right: 0; }
  .endContent {
    width: 100%;
    padding: 2em; } }

.vcg-category-container {
  margin: 0 auto;
  max-width: 300px; }

.vcg-category-image-box {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }

.vcg-category-image-box img {
  height: 100px;
  transition: .5s;
  margin: 0 auto; }

.vcg-category-text-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.5s linear; }

.vcg-category-text-box p {
  margin: 0;
  padding: 20px;
  font-size: 16px;
  color: white;
  text-align: center;
  font-family: arial; }

.vcg-category-image-box:hover .vcg-category-text-box {
  /*    left: 0%;*/
  opacity: 1; }

.vcg-category-image-box:hover img {
  transform: scale(0.8); }

/****************************************************/
/*   Category Page Redesign (2026-09)                */
/*    - backs both category.html template markup    */
/*      and per-category Description rich-text HTML */
/****************************************************/
/* Global ul.breadcrumbs rules (pinnacle.scss ~2403, ~22892) stack ~33px of margin;
   scoped here rather than changed globally since other page types rely on that spacing. */
.category-top .breadcrumbs {
  margin-top: 0;
  margin-bottom: 0; }

/* h1.container-header (pinnacle.scss ~4762) is shared sitewide (uppercase, theme font size);
   scoped override here to match the new design's H1 treatment on category pages only. */
.category-top h1.container-header {
  text-transform: none;
  font-weight: 400;
  font-size: clamp(32px, 4vw, 46px) !important;
  line-height: 1.18;
  padding: 0;
  color: #303235 !important; }

/* Subcategory card grid (template: category.html, LONE STAR CUSTOM SUBCATEGORY GRID) */
.subcategory-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #d9dde0;
  border-bottom: 1px solid #d9dde0;
  margin: 18px 0 46px; }

.subcategory-card {
  min-width: 0;
  min-height: 150px;
  padding: 22px 18px 20px;
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
  border-left: 1px solid #d9dde0; }

.subcategory-card:first-child {
  border-left: 0; }

.subcategory-card::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: -2px;
  height: 3px;
  background: transparent; }

.subcategory-card:hover {
  background: #f5f7f8; }

.subcategory-card:hover::before {
  background: #08abd4; }

.subcategory-card h2 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #303235; }

.subcategory-card .subcategory-card-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.subcategory-card .text-link {
  color: #008fbc;
  font-weight: 700;
  font-size: 13px; }

@media (max-width: 550px) {
  .subcategory-grid {
    grid-template-columns: repeat(2, 1fr); }
  .subcategory-card:nth-child(odd) {
    border-left: 0; }
  .subcategory-card:nth-child(n+3) {
    border-top: 1px solid #d9dde0; } }

/* Category Description "Guide" and "FAQ" sections (id="cat-guide" / id="cat-faq",
   authored per category in BigCommerce admin, relocated by assets/js/theme/category.js) */
#cat-guide .eyebrow, #cat-faq .eyebrow {
  margin: 0 0 8px;
  color: #303235;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase; }

#cat-guide h2, #cat-faq h2 {
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: 400;
  color: #303235; }

#cat-guide h3 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 400;
  color: #303235; }

.guide {
  border-top: 1px solid #d9dde0;
  padding: 48px 0 0; }

.guide-intro {
  max-width: 850px;
  margin-bottom: 32px; }

.guide-intro p {
  margin: 0;
  color: #45484b; }

.decision-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid #d9dde0; }

.decision {
  padding: 27px 30px 30px 0; }

.decision:nth-child(3n + 2), .decision:nth-child(3n + 3) {
  padding-left: 30px;
  border-left: 1px solid #d9dde0; }

.decision:nth-child(n + 4) {
  border-top: 1px solid #d9dde0; }

.decision p {
  margin: 0;
  font-size: 14px;
  color: #45484b; }

.faq-layout {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 70px;
  padding: 62px 0; }

.faq-intro p {
  margin: 0;
  color: #45484b; }

#cat-faq details {
  border-top: 1px solid #d9dde0; }

#cat-faq details:last-child {
  border-bottom: 1px solid #d9dde0; }

#cat-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 19px 40px 19px 0;
  color: #303235;
  font-weight: 700;
  position: relative; }

#cat-faq summary::-webkit-details-marker {
  display: none; }

#cat-faq summary::after {
  content: "+";
  position: absolute;
  right: 8px;
  top: 15px;
  font-size: 24px;
  font-weight: 300; }

#cat-faq details[open] summary::after {
  content: "\2212"; }

#cat-faq details p {
  margin: -4px 40px 20px 0;
  font-size: 14px;
  color: #45484b; }

@media (max-width: 950px) {
  .decision-grid {
    grid-template-columns: 1fr 1fr; }
  .decision {
    padding: 24px;
    border: 0;
    border-bottom: 1px solid #d9dde0; }
  .decision:nth-child(even) {
    border-left: 1px solid #d9dde0;
    padding-left: 24px; }
  .faq-layout {
    grid-template-columns: 1fr;
    gap: 25px; } }