@charset "UTF-8";

/* CSS Document */
/*PAGE NAME STYLES */
.model-page .page_name {
  background: transparent linear-gradient(90deg, #CF112D 0%, #680917 100%) 0% 0% no-repeat padding-box;
}

.model-page .page_name .pagename_style h1 {
  color: #ffffff;
}

/*BREAD CRUMB STYLES */
#breadcrumb .breadcrumb>li {
  display: inline-block;
}

#breadcrumb .breadcrumb {
  padding: 8px 2px;
  margin-bottom: 15px;
  list-style: none;
  background-color: #ffffff;
  border-radius: 4px;
}

#breadcrumb {
  margin: 10px 0;
}

#breadcrumb .breadcrumb {
  /*  background-color: #666;*/
  overflow: hidden;
}

#breadcrumb .breadcrumb li {
  color: #414143;
  position: relative;
  margin-right: 20px;
}

#breadcrumb .breadcrumb li a {
  color: #414143;
  font-size: 14px;
}

#breadcrumb .breadcrumb li a:hover {
  text-decoration: underline;
}

#breadcrumb .breadcrumb>li+li:before {
  content: "";
}

#breadcrumb .breadcrumb>li:before {
  content: " ";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  position: absolute;
  top: 0;
  margin-top: 0px;
  margin-left: 0px;
  left: 100%;
  z-index: 1;
}

#breadcrumb .breadcrumb>li:after {
  content: "/";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  position: absolute;
  top: 0;
  margin-top: 0;
  left: auto;
  z-index: 2;
  color: #666;
  right: -8px;
}

#breadcrumb .breadcrumb>li:last-child:after {
  content: " ";
}

.search-filters fieldset legend {
  margin-bottom: 0;
  font-size: inherit;
}

/*bootstrap buttons test*/
/*
.btn-primary, a.btn-primary:link {
  color: #ffffff;
  background-color: #cf112d;
  border-color: #740309;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #cf112d;
  border-color: #740309;
}
.btn-primary .badge {
  color: #cf112d;
  background-color: #fff;
}
*/
/*SECONDARY*/
/*
.btn-secondary, a.btn-secondary:link {
  color: #ffffff;
  background-color: #417b94;
  border-color: #075c77;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active {
  background-color: #417b94;
  border-color: #075c77;
}
.btn-secondary .badge {
  color: #417b94;
  background-color: #fff;
}
*/
/*Overview Styles*/
/*
.professional-displays .model-page .overview, .aquos-boards .model-page .overview, .windows-collaboration-display .model-page .overview, .sharp-nec-displays .model-page .overview, .sharp-nec-projectors .model-page .overview, .mfps .model-page .overview {
  background-color: #EEEEEE;
  color: #000000;
}
*/
/*
.professional-displays .model-page .overview h2, .aquos-boards .model-page .overview h2, .sharp-nec-displays .model-page .overview h2, .sharp-nec-projectors .model-page .overview h2, .windows-collaboration-display .model-page .overview h2, .mfps .model-page .overview h2 {
  color: #000000;
}
*/
.professional-displays .model-page .overview a,
.aquos-boards .model-page .overview a,
.sharp-nec-displays .model-page .overview a,
.sharp-nec-projectors .model-page .overview a,
.windows-collaboration-display .model-page .overview a,
.mfps .model-page .overview a {
  color: #0065BD;
  text-decoration: none;
}

.professional-displays .model-page .overview a:hover,
.aquos-boards .model-page .overview a:hover,
.sharp-nec-displays .model-page .overview a:hover,
.sharp-nec-projectors .model-page .overview a:hover,
.windows-collaboration-display .model-page .overview a:hover,
.mfps .model-page .overview a:hover {
  color: #CF112D;
  text-decoration: underline;
}

/*
A:link {
  color: #0065BD;
  text-decoration: none;
}
A:visited {
  color: #287F9A;
  text-decoration: none;
}
A:hover, a:focus {
  color: #CF112D;
  text-decoration: underline;
}
A:active {
  color: #0065BD;
  text-decoration: none;
}
*/
.sharp-nec-displays .nec-specs table th,
.sharp-nec-displays .nec-specs table td,
.sharp-nec-projectors .nec-specs table th,
.sharp-nec-projectors .nec-specs table td {
  text-align: left;
}

/*comparison table styles*/
.mfps .model-page .model-comparison table thead th,
.aquos-boards .model-page .model-comparison table thead th,
.professional-displays .model-page .model-comparison table thead th,
.windows-collaboration-display .model-page .model-comparison table thead th {
  background-color: #d5d5d5;
}

.mfps .model-page .model-comparison table thead th.featured,
.aquos-boards .model-page .model-comparison table thead th.featured {
  background-color: #000000;
}

.mfps .model-page .model-comparison table tbody tr td:first-child,
.mfps .model-page .model-comparison table tbody tr th:first-child,
.aquos-boards .model-page .model-comparison table tbody tr td:first-child,
.aquos-boards .model-page .model-comparison table tbody tr th:first-child,
.professional-displays .model-page .model-comparison table tbody tr td:first-child,
.professional-displays .model-page .model-comparison table tbody tr th:first-child {
  color: #000000;
}

.model-page #feature-table h3 {
  color: #000000;
}

.model-page #feature-table th.featuredProduct h3 {
  color: #ffffff;
}

.model-page .overview .awards img {
  max-width: 150px;
}

.model-page .specs {
  background-color: #f9f9f9;
  border-top: thin #ddd solid;
  margin-bottom: 20px;
  padding: 15px 10px;
}

.model-page .overview #SpecificationsContent th {
  width: 30%;
}

.tp-banner-container {
  padding-top: 75px;
}

/*adds padding to model images*/
#model>.row:first-of-type img:first-of-type {
  padding-top: 30px;
}

ul.two-column-list li,
ul.three-column-list li {
  break-inside: avoid;
}

button#FullSpecifications {
  color: #ffffff;
}

.overview div[role=tab] h3,
.overview div[role=tab] h2,
#service-enhancements div[role=tab] h3,
.overview .options h2.card-title {
  margin: 0;
  font-size: 18px;
}

.overview div[role=tab] h3 a[aria-expanded=true]:before,
.overview div[role=tab] h2 a[aria-expanded=true]:before,
#service-enhancements div[role=tab] h3 a[aria-expanded=true]:before {
  content: "\e113";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 0.85em;
}

.overview div[role=tab] h3 a[aria-expanded=false]:before,
.overview div[role=tab] h2 a[aria-expanded=false]:before,
#service-enhancements div[role=tab] h3 a[aria-expanded=false]:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 0.85em;
}

#SpecificationsContent table caption,
#SpecificationsContent p.caption {
  display: block;
  width: auto;
  height: auto;
  position: relative;
  margin: 8px 0;
  font-weight: bold;
  font-size: 18px;
  color: #6c757d;
}

#downloads table caption {
  visibility: hidden;
}

/*
#service-enhancements .card img.card-img-top {
  max-width: 171px;
  margin: 10px auto 0;
}
*/
ul#downloads {
  margin-bottom: 15px;
}

@media handheld,
only screen and (min-width:768px) {
  ul.two-column-list {
    columns: 2;
    column-gap: 30px;
  }

  ul.three-column-list {
    columns: 3;
    column-gap: 30px;
  }

  ul.four-column-list {
    columns: 4;
    column-gap: 30px;
  }


  /*
    ul.two-column-list:has(> :last-child:nth-child(5)) li:nth-child(3) {
      break-after: column;

  }
    
  ul.two-column-list:has(:last-child:nth-child(> 7)) li:nth-child(5) {
      break-after: column;

  }
*/

  /*
  ul.two-column-list:has(> :nth-child(7)) {
    column-gap: 30px;
    display: grid;
    grid-template-columns: minmax(150px, 50%) repeat(2, auto);
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
  }
  ul.two-column-list:has(> :nth-child(9)) {
    column-gap: 30px;
    display: grid;
    grid-template-columns: minmax(150px, 50%) repeat(2, auto);
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
  }
  ul.two-column-list:has(> :nth-child(11)) {
    column-gap: 30px;
    display: grid;
    grid-template-columns: minmax(150px, 50%) repeat(2, auto);
    grid-template-rows: repeat(7, auto);
    grid-auto-flow: column;
  }
*/
}

/* FAQ Styles */
#faq-container {
  margin-top: 20px;
}

#faq-container {
  h3 {
    font-size: 15px;
    border-bottom: solid 1px;
    padding-bottom: 10px;
  }

  p {
    margin: 0 0 0 24px;
  }

  a,
  button {

    text-decoration: none;
    display: block;
    padding-left: 0;
    font-weight: 500;
    width: stretch;
    text-align: left;
    font-size: 15px;
    border-bottom: solid 1px;
  }

  button:focus {
    outline: auto #000000 !important;
    outline-offset: -2px !important;
  }

  .faq-answers {
    margin: 20px;
    border: 0;
  }


  a[data-bs-toggle="collapse"] svg,
  button[data-toggle="collapse"] svg {
    color: #ffffff;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #5d5d5d;
    padding: 2px;
    margin-right: .4rem;
    /* width: 24px;
        height: 24px; */
  }

  a[data-bs-toggle="collapse"] .icon-open,
  button[data-toggle="collapse"] .icon-open {
    display: none;
  }

  a[data-bs-toggle="collapse"][aria-expanded="true"] .icon-open,
  button[data-toggle="collapse"][aria-expanded="true"] .icon-open {
    display: inline;
  }

  a[data-bs-toggle="collapse"][aria-expanded="true"] .icon-closed,
  button[data-toggle="collapse"][aria-expanded="true"] .icon-closed {
    display: none;
  }
}