.body {
  margin-top: 1rem; }

ol.breadcrumbs {
  text-align: left; }

.breadcrumb a {
  color: #000; }

.breadcrumb.is-active > .breadcrumb-label {
  color: #000;
  opacity: .5; }

.productView {
  margin: 0;
  display: flex;
  gap: 3rem;
  flex-flow: row wrap; }

.productView:before, .productView:after {
  display: none; }

.productView-images {
  float: none;
  padding: 0;
  width: calc(50% - 1.5rem);
  order: 1; }

.productView-details.product-data {
  padding: 0;
  float: none;
  width: calc(50% - 1.5rem);
  order: 2; }

.productView-img-container::after {
  padding-bottom: 120%; }

.productView-details {
  width: 100%;
  padding: 0; }

.productView-image {
  border: 1px solid #ACACAC;
  border-radius: 8px; }

.productView-image .easyzoom-flyout img {
  border-radius: 8px; }

.productView-thumbnails {
  margin: 1.5rem 0 0 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.slick-next, .slick-prev {
  top: 50%;
  transform: translatey(-50%);
  bottom: unset;
  margin-top: 0;
  height: 1.5rem;
  width: 1.5rem;
  margin-top: 0;
  padding: 0;
  background: none; }

.slick-next::before, .slick-prev::before {
  height: 100%;
  width: 100%; }

.productView-image + .productView-thumbnails {
  width: 100%;
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 1.5rem; }

.productView-image + .productView-thumbnails.slick-initialized {
  width: 100%;
  display: block; }

.productView-thumbnail {
  width: auto;
  padding: 0 .5rem; }

.productView-thumbnails:before, .productView-thumbnails:after {
  display: none; }

.productView-thumbnail-link {
  border-radius: 8px;
  border-color: #ACACAC; }

.productView-thumbnails .slick-list {
  margin: 0; }

.productView-title {
  font-size: 2rem;
  margin-top: 0; }

.productView-product {
  border: none;
  padding-bottom: 2rem; }

.productView-product p {
  margin-bottom: 0; }

.productView-price {
  margin: 0; }

.productView-price .price-section.price-section--withoutTax {
  display: none !important; }

/*********************
*STEP BY STEP OPTIONS*
**********************/
/* Hide any steps with customily_hidden class */
.customily_hidden {
  display: none !important; }

.option-step {
  padding: 1rem 0;
  border-bottom: 1px solid #ACACAC; }

.option-step:first-child {
  border-top: 1px solid #ACACAC; }

.productView-options-inner .form-label {
  text-align: left;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Readex Pro", sans-serif;
  color: #000;
  margin-bottom: 0;
  text-transform: capitalize; }

.productView-options-inner .combined-date-checkbox-group .form-label, .productView-options-inner .engraving-group .form-label {
  font-size: 1rem;
  border: 0;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1rem; }

.option-content {
  margin-top: 1rem; }

.form-optioms-container {
  display: flex;
  gap: .75rem;
  flex-flow: row wrap; }

.form-optioms-container .form-option-wrapper {
  flex: 1; }

.productView-options .form-field {
  margin-bottom: 0; }

.productView-options .form-field[data-product-attribute="swatch"] .form-optioms-container {
  display: flex;
  gap: .75rem;
  justify-content: flex-start;
  flex-flow: row wrap; }

.productView-options .form-field[data-product-attribute="swatch"] .form-optioms-container .form-option-wrapper {
  flex: unset;
  width: auto; }

.form-optioms-container .form-option {
  width: 100%;
  text-align: center;
  padding: 1rem;
  border-radius: 8px; }

.form-optioms-container .form-option-swatch .form-option-variant {
  width: 80px;
  height: 80px;
  background-size: contain; }

.custom-proddesc {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #acacac; }

.form-select--small, .form-select--date {
  background-size: 1.28571rem;
  font-size: 1rem;
  height: auto;
  line-height: 1.3;
  max-width: unset;
  padding: 1rem;
  padding-right: 2rem; }

.productView-options .form-input--small {
  font-size: 1rem;
  padding: 1rem;
  height: auto;
  margin: .5rem 0; }

.productView-options input[type="file"] {
  font-size: 1rem;
  margin: 1rem 0; }

.form-select--date + .form-select--date {
  margin-left: .5rem; }

.form-select--small, .form-select--date {
  background-position: right 0.5rem center; }

.form-increment .button {
  padding: 1rem;
  border: 1px solid #acacac;
  border-radius: 8px;
  font-size: 1rem; }

.form-input--incrementTotal {
  padding: 1rem;
  max-width: unset;
  width: 92px;
  font-size: 1rem;
  border: 1px solid #acacac;
  height: auto;
  margin: 0 .5rem;
  border-radius: 8px; }

.productView-info-bulkPricing {
  margin-top: 2rem;
  border-top: 1px solid #acacac; }

.productView-options .form .add-to-cart-wrapper {
  display: flex;
  flex-direction: column;
  margin: 2rem 0;
  gap: 1.5rem; }

.featured-section-title {
  margin-top: 0;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ACACAC;
  font-size: 2.5rem;
  color: #000; }

#customSummary {
  font-size: 1rem; }

.form-radio:checked + .form-option {
  border-color: #01509D;
  box-shadow: none;
  background: #01509D;
  color: #FFF; }

.form-option:hover .form-option-expanded {
  display: none; }

.customily_visible {
  display: block !important; }

label.form-option.form-option-swatch:has(
> span.form-option-variant--none
) {
  display: none !important; }

.customily_visible .option-content {
  display: block !important; }

.dupe-price {
  font-weight: 600;
  margin-top: 3rem;
  margin-bottom: -1rem; }

.productView-options-inner .form-field[data-product-attribute="input-checkbox"] .form-option-wrapper .form-label {
  font-size: 1rem;
  margin-top: 1rem; }

/**********************
***BULK PRICING TABLE**
***********************/
.bulk-pricing-table, .bulk-pricing-table-dupe {
  border-color: #ACACAC; }

.bulk-pricing-table thead, .bulk-pricing-table-dupe thead {
  background: #F7F7F7; }

.bulk-pricing-table thead tr th, .bulk-pricing-table-dupe thead tr th {
  border: 1px solid #ACACAC;
  text-align: center;
  color: #000;
  font-size: 1rem; }

.bulk-pricing-table tbody, .bulk-pricing-table-dupe tbody {
  border-color: #ACACAC; }

.bulk-pricing-table tr, .bulk-pricing-table-dupe tr {
  border-color: #ACACAC; }

.bulk-pricing-table tr td, .bulk-pricing-table-dupe tr td {
  border-color: #ACACAC;
  text-align: center;
  color: #000;
  font-size: 1rem; }

.productView-details {
  float: none; }

.form-fileDescription {
  margin-bottom: 0; }

.productView-options .add-to-cart-buttons {
  padding: 0; }

.productView-options-inner .form-optioms-container .form-label {
  border: 0;
  margin: 0;
  font-weight: 400;
  font-size: 1rem; }

.productView-info-bulkPricing {
  display: none; }

#qn-add-to-quote {
  display: none; }

.productView-info-bulkPricing-dupe {
  overflow-x: auto; }

@media screen and (max-width: 1024px) {
  .productView {
    gap: 2rem; }
  .productView-images {
    width: calc(50% - 1rem); }
  .productView-details.product-data {
    width: calc(50% - 1rem); } }

@media screen and (min-width: 951px) {
  .productView {
    align-items: flex-start; }
  .productView-images {
    position: sticky;
    top: 150px; } }

@media screen and (min-width: 951px) {
  .productView {
    align-items: flex-start; }
  .productView-images {
    position: sticky;
    top: 150px; }
  .productView-details.product-data {
    position: sticky;
    top: 150px; } }

@media screen and (max-width: 950px) {
  .productView {
    flex-flow: row wrap; }
  .productView-images, .productView-details.product-data {
    width: 100%; }
  .productView-images {
    margin-bottom: 0; } }

@media screen and (max-width: 800px) {
  .productView-title {
    font-size: 1.5rem;
    margin-top: 0; }
  .productView-options-inner .form-label {
    font-size: 1rem; }
  .form-optioms-container .form-option {
    padding: .5rem; }
  .form-optioms-container {
    flex-flow: row wrap; }
  .form-optioms-container .form-option-wrapper {
    flex: 1 100%; }
  .form-optioms-container .form-option-swatch .form-option-variant {
    width: 50px;
    height: 50px; } }