html {
scroll-behavior: smooth;
}
.ins-hide,
.hidden {
display: none;
}
input[type=search]::-webkit-search-cancel-button {
display: none;
}
.inspect-product-filter > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inspect-shop-ajax-filter .inspect-product-search-loadmore {
display: none;
}
.product-filter-item-listing {
--background: #fff;
--border: #d1d6ee;
--border-hover: #bbc1e1;
--border-active: #1e2235;
--tick: #fff;
max-height: 23.125rem;
overflow-y: auto;
}
.product-filter-item-listing .product-filter-label {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.product-filter-item-listing .product-filter-label:not(:last-child) {
margin-bottom: 1.25rem;
}
.product-filter-item-listing .product-filter-label .product-filter-title {
margin-left: 0.75rem;
line-height: 1;
}
.product-filter-item-listing .product-filter-label .product-filter-svg {
stroke-dasharray: var(--a, 86.12);
stroke-dashoffset: var(--o, 86.12);
-webkit-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
pointer-events: none;
fill: none;
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
stroke: var(--stroke, var(--border-active));
position: absolute;
top: 0;
left: 0;
-webkit-transform: scale(var(--scale, 1)) translateZ(0);
transform: scale(var(--scale, 1)) translateZ(0);
}
.product-filter-item-listing .product-filter-label .product-filter-svg,
.product-filter-item-listing .product-filter-label .product-filter-input {
width: 1rem;
height: 1rem;
display: block;
}
.product-filter-item-listing .product-filter-label .product-filter-input {
-moz-appearance: none;
position: relative;
outline: none;
background-color: var(--background);
cursor: pointer;
border-radius: 0.25rem;
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
-webkit-box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
-webkit-appearnance: none;
-webkit-appearance: none;
appearance: none;
}
.product-filter-item-listing .product-filter-label .product-filter-input:checked {
--s: 2px;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
--b: var(--border-active);
}
.product-filter-item-listing .product-filter-label .product-filter-input:checked + svg {
--a: 16.1 86.12;
--o: 102.22;
}
.product-filter-item-listing .product-filter-label .product-filter-radio-svg {
width: 1rem;
height: 1rem;
fill: none;
vertical-align: middle;
}
.product-filter-item-listing .product-filter-label .product-filter-radio-svg circle {
stroke-width: 2;
stroke: var(--border);
}
.product-filter-item-listing .product-filter-label .product-filter-radio-svg path {
stroke: #212121;
}
.product-filter-item-listing .product-filter-label .product-filter-radio-svg path.inner {
stroke-width: 6;
stroke-dasharray: 19;
stroke-dashoffset: 19;
}
.product-filter-item-listing .product-filter-label .product-filter-radio-svg path.outer {
stroke-width: 2;
stroke-dasharray: 57;
stroke-dashoffset: 57;
}
.product-filter-item-listing .product-filter-label .product-filter-input-radio {
display: none;
}
.product-filter-item-listing .product-filter-label .product-filter-input-radio:checked + .product-filter-radio-svg path {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.product-filter-item-listing .product-filter-label .product-filter-input-radio:checked + .product-filter-radio-svg path.inner {
stroke-dashoffset: 38;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.product-filter-item-listing .product-filter-label .product-filter-input-radio:checked + .product-filter-radio-svg path.outer {
stroke-dashoffset: 0;
}
.product-filter-item-listing input[type=checkbox]:focus + label::before,
.product-filter-item-listing input[type=radio]:focus + label::before {
outline: none;
}
@-webkit-keyframes checked {
to {
stroke-dashoffset: 0;
}
}
@keyframes checked {
to {
stroke-dashoffset: 0;
}
}
.inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-size .os-content, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-image .os-content, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-color .os-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-size .os-content::before, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-size .os-content::after, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-image .os-content::before, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-image .os-content::after, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-color .os-content::before, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-color .os-content::after {
display: none;
}
.inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-size .os-content label, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-image .os-content label, .inspect-filter-widget.inspect-filter-widget-resource .product-filter-item-listing.type-color .os-content label {
margin-bottom: 0;
} .inspect-filter-widget-date {
position: relative;
text-overflow: ellipsis;
}
.inspect-filter-widget-date input.daterange {
width: 100%;
height: 44px;
margin: 0;
font-size: 14px;
border: 1px solid #dfdfdf;
border-radius: 4px;
padding-top: 0;
padding-bottom: 0;
}
.inspect-filter-widget-date input.daterange:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #111827;
}
.inspect-filter-widget-date input.daterange:hover {
border-color: #111827;
}
.inspect-filter-widget-date input.daterange[type=text] {
padding-left: 36px;
}
.inspect-filter-widget-date .calender_icon {
left: 12px;
width: 16px;
display: inline-block;
}
.inspect-filter-widget-date .calender_icon img {
width: 100%;
vertical-align: top;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker.drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker.drp-calendar.left {
padding: 8px 0 8px 8px;
}
@media (min-width: 640px) {
.daterangepicker.drp-calendar.left {
clear: left;
margin-right: 0;
}
}
.daterangepicker.drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker.drp-calendar.right {
padding: 8px;
}
@media (min-width: 640px) {
.daterangepicker.drp-calendar.right {
margin-left: 0;
}
.daterangepicker.drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.daterangepicker.drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
@media (min-width: 640px) {
.daterangepicker .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.daterangepicker .calendar-table.next span, .daterangepicker .calendar-table.prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table.next {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.daterangepicker .calendar-table.prev {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker .calendar-table table th,
.daterangepicker .calendar-table table td {
text-align: center;
vertical-align: middle;
min-width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table table th.available:hover,
.daterangepicker .calendar-table table td.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker .calendar-table table th.week,
.daterangepicker .calendar-table table td.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker .calendar-table table td.off .in-range,
.daterangepicker .calendar-table table td.off .start-date,
.daterangepicker .calendar-table table td.off .end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker .calendar-table table td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker .calendar-table table td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker .calendar-table table td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker .calendar-table table td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker .calendar-table table td.month {
width: auto;
}
.daterangepicker .calendar-table table td.active, .daterangepicker .calendar-table table td.active:hover {
background-color: #111827;
border-color: transparent;
color: #fff;
}
.daterangepicker .calendar-table table td.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.singleltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-rangesltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges {
float: none;
text-align: start;
margin: 0;
}
@media (min-width: 640px) {
.daterangepicker .ranges {
float: left;
}
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
@media (min-width: 640px) {
.daterangepicker .ranges ul {
width: 140px;
}
}
.daterangepicker .ranges ul li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges ul li:hover {
background-color: #eee;
}
.daterangepicker .ranges ul li.active {
background-color: #08c;
color: #fff;
} .daterangepicker {
max-width: 660px;
width: 100%;
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}
@media (min-width: 640px) {
.daterangepicker {
direction: ltr;
text-align: start;
}
}
.daterangepicker::before, .daterangepicker::after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: "";
}
.daterangepicker::before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker::after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft::before {
right: 9px;
}
.daterangepicker.opensleft::after {
right: 10px;
}
.daterangepicker.openscenter::before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter::after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright::before {
left: 9px;
}
.daterangepicker.opensright::after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up::before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up::after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.single .ranges,
.daterangepicker.single .drp-calendar {
float: none;
}
@media (min-width: 640px) {
.daterangepicker.single .ranges,
.daterangepicker.single .drp-calendar {
float: left;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
}
.daterangepicker table.table-condensed thead tr th {
background-color: #f3f4f6;
border-radius: 0;
border: none;
}
.daterangepicker table.table-condensed thead tr .month {
color: #111827;
font-size: 18px;
font-weight: 700;
}
.daterangepicker table.table-condensed tbody tr td {
padding: 0;
padding-top: 10px;
padding-bottom: 8px;
}
.daterangepicker table.table-condensed tbody tr td.in-range {
background-color: #f3f4f6;
}
.daterangepicker table.table-condensed tbody tr td.start-date, .daterangepicker table.table-condensed tbody tr td.end-date, .daterangepicker table.table-condensed tbody tr td.active {
background-color: #111827;
}
.daterangepicker .drp-calendar.right, .daterangepicker .drp-calendar.left {
max-width: 100%;
width: 100%;
padding: 0;
}
@media (min-width: 640px) {
.daterangepicker .drp-calendar.right, .daterangepicker .drp-calendar.left {
width: 50%;
}
}
.daterangepicker .drp-calendar.left {
float: left;
}
@media (min-width: 640px) {
.daterangepicker .drp-calendar.left {
width: calc(50% - 1px);
border-right: 1px solid #dfdfdf;
}
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 0;
border-right: 0;
}
.daterangepicker .drp-calendar.left .table-condensed {
border-radius: 0;
border: 1px solid #e5e7eb;
border-right: 0;
}
.daterangepicker .drp-calendar.left .table-condensed thead {
border-right: 1px solid #f3f4f6;
}
.daterangepicker .drp-calendar.right {
float: right;
padding-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-radius: 0;
border-left: 0;
}
.daterangepicker .drp-calendar.right .table-condensed {
border-radius: 0;
border: 1px solid #e5e7eb;
border-left: 0;
}
.daterangepicker .drp-calendar.right .table-condensed thead {
border-left: 1px solid #f3f4f6;
}
.daterangepicker .drp-calendar.right .table-condensed .next {
border: 1px solid;
border-color: #e5e7eb #e5e7eb #f3f4f6 #f3f4f6;
}
.daterangepicker .drp-buttons {
clear: both;
}
.daterangepicker .drp-buttons .drp-selected {
display: none;
}
@media (min-width: 640px) {
.daterangepicker .drp-buttons .drp-selected {
display: inline-block;
}
}
.daterangepicker .drp-buttons .btn {
color: #111827;
background-color: #ffffff;
border: none;
border-radius: 4px;
padding: 8px 18px;
outline: none;
font-size: 14px;
font-weight: 500;
}
.daterangepicker .drp-buttons .btn.applyBtn:hover {
background-color: #111827;
color: #ffffff;
}
.daterangepicker .drp-buttons .btn.cancelBtn:hover {
background-color: #111827;
color: #ffffff;
}
.daterangepicker .ranges {
display: none;
} .select2 {
width: 100% !important;
}
.select2 .select2-selection {
height: 44px;
border: 1px solid #dfdfdf;
}
.select2 .select2-selection:hover {
border-color: #111827;
}
.select2 .select2-selection.select2-selection--single {
margin: 0;
}
.select2 .select2-selection.select2-selection--single .select2-selection__rendered {
height: 100%;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 12px;
}
.select2 .select2-selection.select2-selection--single .select2-selection__arrow {
top: 1px;
bottom: 1px;
right: 8px;
}
.select2 .select2-selection.select2-selection--single .select2-selection__arrow b {
border-color: transparent #888 #888 transparent;
border-style: solid;
border-width: 2px;
top: 14px;
height: 10px;
width: 10px;
border-radius: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.select2.select2-container--below.select2-container--open .select2-selection--single {
border-radius: 4px;
margin: 0;
}
.select2.select2-container--below.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent #888 #888 transparent;
border-style: solid;
border-width: 2px;
top: 20px;
height: 10px;
width: 10px;
border-radius: 2px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
} .select2-container .select2-dropdown {
margin-top: 40px;
background: #ffffff;
border: 1px solid #dfdfdf;
border-radius: 6px;
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
}
.select2-container .select2-dropdown .select2-search {
padding: 0;
border-radius: 6px 6px 0 0;
border-bottom: 1px solid #dfdfdf;
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
border-radius: 6px 6px 0 0;
border: none;
min-height: 40px;
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
margin: 0;
}
.select2-container .select2-dropdown .select2-search .select2-search__field:focus {
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-container .select2-dropdown .select2-results {
padding-top: 8px;
padding-bottom: 8px;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
font-size: 14px;
line-height: 1.6;
color: #111827;
border: none;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
background-color: #f3f4f6;
}
.select2-container.select2-dropdown--above {
top: -12px;
}
.inspect-pagination ul {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.inspect-pagination ul {
gap: 8px;
}
}
.inspect-pagination ul li {
margin-bottom: 0;
}
.inspect-pagination ul li a,
.inspect-pagination ul li span {
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #dfdfdf;
color: #000000;
font-size: 14px;
font-weight: normal;
border-radius: 6px;
vertical-align: middle;
text-decoration: none;
}
.inspect-pagination ul li a:hover,
.inspect-pagination ul li span:hover {
background-color: #000000;
color: #ffffff;
}
@media (min-width: 1024px) {
.inspect-pagination ul li a,
.inspect-pagination ul li span {
width: 40px;
height: 40px;
}
}
.inspect-pagination ul li a.current,
.inspect-pagination ul li span.current {
background-color: #000000;
color: #ffffff;
}
.inspect-home-search-wrapper .select2-container {
width: 100% !important;
}
.inspect-home-search-wrapper .submit-search {
display: block;
width: 100%;
cursor: pointer;
min-height: 1px;
border-radius: 5px;
font-weight: 600;
text-transform: uppercase;
}
.inspect-home-search-wrapper .inspect-home-search-footer {
-ms-flex-item-align: end;
align-self: end;
}
@media (max-width: 991px) {
.inspect-home-search-wrapper .inspect-home-search-footer {
margin-top: 1.875rem;
}
}
.inspect-home-search-wrapper .select2-selection__placeholder {
color: var(--color__text-light, rgba(17, 24, 39, 0.6588235294));
font-weight: 500;
font-size: 0.875rem;
}
.inspect-home-search-wrapper .submit-search {
margin-top: 1.625rem;
}
.rq-home-banner-content h3,
.search-header h3 {
font-size: calc(var(--base__font-size, 16px) - 2px);
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.875rem;
}
.rq-home-banner-content p,
.search-header p {
margin-bottom: 0;
}
.inspect-home-search-wrapper .search-layout-two .search-header-body {
margin-bottom: 1.875rem;
}
.page .cartsylite-content-area .entry-content > .inspect-home-search-wrapper {
overflow: unset;
}
.inspect-vertical-search-wrapper {
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px;
border-radius: 10px;
background-color: #fff;
-webkit-box-shadow: 0 13px 30px -3px rgba(16, 66, 97, 0.08);
box-shadow: 0 13px 30px -3px rgba(16, 66, 97, 0.08);
position: relative;
}
@media (max-width: 480px) {
.inspect-vertical-search-wrapper {
width: 100%;
padding: 32px 25px 25px;
}
}
@media (max-width: 767px) {
.inspect-vertical-search-wrapper {
padding: 32px 30px;
}
}
.inspect-vertical-search-wrapper .search-header {
margin-bottom: 1.25rem;
}
.inspect-vertical-search-wrapper .search-header h3 {
color: #2d3748;
font-size: 30px;
line-height: 36px;
font-weight: 700;
margin: 0 0 15px;
}
.inspect-vertical-search-wrapper .search-header p {
color: #718096;
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin: 0;
}
.inspect-vertical-search-wrapper .search-header-body {
border-radius: 0.375rem;
}
.inspect-home-search-wrapper .inspect-horizontal-search-bottom {
z-index: 999;
}
.inspect-horizontal-search-oob {
-webkit-box-shadow: 0 0 30px rgba(16, 66, 97, 0.11), 0 25px 80px -20px rgba(16, 66, 97, 0.23);
box-shadow: 0 0 30px rgba(16, 66, 97, 0.11), 0 25px 80px -20px rgba(16, 66, 97, 0.23);
min-height: 9.375rem;
border-radius: 0.625rem;
margin: 0;
padding: 1.625rem 2.8125rem;
text-align: left;
background-color: #fff;
}
@media (max-width: 991px) {
.inspect-horizontal-search-oob {
padding-bottom: 1.625rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
}
}
@media (min-width: 992px) {
.inspect-horizontal-search-oob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 1199px) {
.inspect-horizontal-search-oob {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.inspect-horizontal-search-oob .inspect-filter-widget {
max-width: 15.5625rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 15.5625rem;
flex: 0 0 15.5625rem;
}
.inspect-horizontal-search-oob .inspect-filter-widget-date {
max-width: 22.625rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 22.625rem;
flex: 0 0 22.625rem;
}
}
@media (min-width: 992px) {
.inspect-horizontal-search-oob .inspect-filter-widget {
padding-top: 0;
margin-right: 13px;
}
.inspect-horizontal-search-oob .inspect-home-search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.inspect-horizontal-search-oob .submit-search {
margin-top: 0;
}
.inspect-filter-widget {
margin-top: 2.25rem;
}
.inspect-filter-widget .inspect-filter-widget-title {
color: var(--heading__color, #2d3748);
font-size: var(--base__font-size, 1rem);
font-weight: 500;
text-transform: capitalize;
line-height: 1.625;
margin-top: 0;
margin-bottom: 1.25rem;
}
.inspect-filter-widget input[type=text], .inspect-filter-widget input[type=search] {
border-radius: 5px;
border: 1px solid #e2e8f0;
min-height: auto;
color: var(--heading__color, #2d3748);
font-size: calc(var(--base__font-size, 16px) - 2px);
font-weight: 400;
width: 100%;
background-color: #fff;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0.9375rem;
}
.inspect-filter-widget input[type=search] {
padding-right: 2rem;
}
.inspect-filter-widget .select2-container {
width: 100% !important;
}
.filter-widget-item-search {
margin-bottom: 1.25rem;
position: relative;
}
.filter-widget-item-search > .product-resource-search-icon-wrapper {
position: absolute;
right: 0;
height: 100%;
top: 0;
width: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.filter-widget-item-search > .product-resource-search-icon-wrapper > .product-resource-search-icon {
margin: auto;
}
.daterangepicker {
background: #fff;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.0509803922), 0 0 0 1px rgba(0, 0, 0, 0.0705882353);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.0509803922), 0 0 0 1px rgba(0, 0, 0, 0.0705882353);
border-radius: 3px;
}
.daterangepicker .drp-calendar {
max-width: 312px;
}
.daterangepicker .table-condensed thead tr:last-child th {
border-bottom-color: #e4e7e7;
}
.daterangepicker .table-condensed thead tr th {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.daterangepicker .table-condensed thead tr th.prev, .daterangepicker .table-condensed thead tr th.next {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1000 1000%27%3E%3Cpath d=%27M336.2 274.5l-210.1 210h805.4c13 0 23 10 23 23s-10 23-23 23H126.1l210.1 210.1c11 11 11 21 0 32-5 5-10 7-16 7s-11-2-16-7l-249.1-249c-11-11-11-21 0-32l249.1-249.1c21-21.1 53 10.9 32 32z%27%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
}
.daterangepicker .table-condensed thead tr th.prev span, .daterangepicker .table-condensed thead tr th.next span {
display: none;
}
.daterangepicker .table-condensed thead tr th.next {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.daterangepicker .table-condensed thead tr .month {
color: var(--heading__color, #2d3748);
margin-top: 7px;
font-size: 18px;
text-align: center;
margin-bottom: 2px;
font-weight: 700;
}
.daterangepicker .table-condensed tbody tr td {
color: #cacccd;
background: #fff;
border: 1px solid #e4e7e7;
cursor: default;
cursor: pointer;
border-radius: 0 !important;
height: 2.375rem;
width: 2.375rem;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.daterangepicker .table-condensed tbody tr td.available {
color: #565a5c;
}
.daterangepicker .table-condensed tbody tr td.in-range {
color: var(--color__primary, #333333);
border-color: var(--color__primary, #333333);
background-color: var(--color__secondary, #fef5ed);
}
.daterangepicker .table-condensed tbody tr td.end-date, .daterangepicker .table-condensed tbody tr td.start-date, .daterangepicker .table-condensed tbody tr td.active {
color: #fff;
background-color: var(--color__primary, #333333);
}
.daterangepicker .drp-buttons .btn {
padding: 0.5rem 1.125rem;
min-height: auto;
cursor: pointer;
}
.daterangepicker .drp-buttons .btn:hover {
background-color: var(--color__primary-hover, #222222);
}
.inspect-product-search-loadmore {
grid-column: 1/-1;
text-align: center;
}
.inspect-product-search-loadmore .loading-svg,
.inspect-product-search-loadmore .loading-text {
display: none;
}
.inspect-product-search-loadmore .button {
cursor: pointer;
display: inline-block;
font-weight: 600;
padding: 0.625rem 0.75rem;
border-radius: 3px;
color: #fff;
background-color: var(--color__primary, #333333);
-webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;
border: none;
outline: none;
}
.inspect-product-search-loadmore .button:hover {
color: #fff;
background-color: var(--color__primary-hover, #222222);
}
.inspect-product-search-loadmore .loading-svg {
vertical-align: middle;
}
.inspect-filter-wrapper {
position: relative;
}
.inspect-filter-wrapper.no-sidebar .inspect-open-mobile-filter-wrapper,
.inspect-filter-wrapper.no-sidebar .inspect-filter-widgets {
display: none;
}
@media (min-width: 1025px) {
.inspect-filter-wrapper.is-sidebar {
display: grid;
grid-template-columns: 18.75rem 1fr;
grid-gap: 1.875rem;
}
}
.inspect-filter-loader {
position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
height: calc(100% - 64px);
display: none;
gap: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fcfcfc;
padding-top: 250px;
}
.inspect-filter-loader.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inspect-filter-loader span {
width: 12px;
height: 12px;
border-radius: 100%;
display: inline-block;
-webkit-animation: wave 0.9s infinite linear;
animation: wave 0.9s infinite linear;
background-color: var(--color-brand);
}
.inspect-filter-loader .dot-2 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.inspect-filter-loader .dot-3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
@-webkit-keyframes wave {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 8px);
transform: translate(0, 8px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes wave {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 8px);
transform: translate(0, 8px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.alert-info {
color: #055160;
background-color: #cff4fc;
}
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid #b6effb;
border-radius: 0.25rem;
}
.filter-results > .alert {
grid-column: 1/-1;
}
.sidebar-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sidebar-header-title {
color: var(--heading__color, #2d3748);
font-size: calc(var(--base__font-size, 16px) + 4px);
font-weight: 600;
text-transform: capitalize;
line-height: 1.875;
margin: 0;
}
.sidebar-header-button {
cursor: pointer;
font-size: 0.75rem;
line-height: 1rem;
}
.inspect-filter-result-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 2.5rem;
}
.inspect-filter-result-header-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media (min-width: 1025px) {
.inspect-filter-result-header-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 80%;
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
}
}
.inspect-filter-results-container {
position: relative;
}
.inspect-filter-sort {
min-width: 13.125rem;
}
@media (min-width: 768px) {
.inspect-filter-sort {
margin-right: 1.25rem;
}
}
.inspect-product-view-layer {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
}
@media (min-width: 768px) {
.inspect-product-view-layer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.inspect-product-view-layer-item {
background-color: transparent;
font-size: 1.5rem;
color: #bdbdbd;
cursor: pointer;
border: none;
outline: none;
padding: 0;
}
.inspect-product-view-layer-item:focus, .inspect-product-view-layer-item:active, .inspect-product-view-layer-item:hover {
background-color: transparent;
outline: none;
}
.inspect-product-view-layer-item:hover, .inspect-product-view-layer-item:focus, .inspect-product-view-layer-item:active, .inspect-product-view-layer-item.active {
color: #2b2b2b;
}
@media (max-width: 1024px) {
.inspect-filter-widgets {
position: fixed;
top: 0;
right: 0;
width: 100%;
z-index: 10001;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
background-color: #fff;
height: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.inspect-filter-widgets.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
body .daterangepicker {
width: 80%;
z-index: 10002;
}
body > .xdsoft_datetimepicker.xdsoft_noselect > .xdsoft_datepicker {
display: none;
}
.inspect-filter-form-wrapper {
padding-bottom: 9rem;
padding-right: 1.75rem;
padding-left: 1.75rem;
padding-top: 1rem;
overflow-y: scroll;
max-height: 100%;
}
.inspect-total-filtered-products-wrapper {
z-index: 10;
bottom: 0;
left: 0;
width: 100%;
position: fixed;
}
.inspect-total-filtered-products-wrapper .inspect-total-filtered-products {
width: 100%;
cursor: pointer;
border-radius: 0;
}
.inspect-close-mobile-filter {
background-color: transparent;
}
.inspect-close-mobile-filter:focus, .inspect-close-mobile-filter:active, .inspect-close-mobile-filter:hover {
background-color: transparent;
}
.inspect-filter-widget-header {
padding-top: 1rem;
padding-bottom: 1rem;
--tw-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.inspect-close-mobile-filter {
position: absolute;
left: 0;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.inspect-filter-widget-header-title {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
}
.inspect-filter-result-header .inspect-filter-result-header-left {
display: none;
}
.inspect-open-mobile-filter-wrapper {
position: fixed;
bottom: 1.875rem;
width: 100%;
z-index: 9999;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.inspect-open-mobile-filter {
border-radius: 10em;
font-size: 0.875rem;
font-weight: 700;
padding: 0.75rem 1.875rem;
min-height: auto;
line-height: 1;
cursor: pointer;
display: inline-block;
}
.inspect-open-mobile-filter > svg {
vertical-align: middle;
margin-right: 0.25rem;
display: inline-block;
font-size: 1rem;
}
}
@media (min-width: 1025px) {
.inspect-open-mobile-filter-wrapper,
.inspect-total-filtered-products-wrapper,
.inspect-filter-widget-header {
display: none;
}
}
@media (max-width: 1024px) {
body.rtl .inspect-filter-widgets {
left: 0;
right: auto;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
body.rtl .inspect-filter-widgets.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.inspect-no-product-found {
grid-column: 1/-1;
text-align: center;
}
.inspect-no-product-found + .inspect-product-search-loadmore {
display: none;
}
#filter-results:not(.woocommerce) {
display: grid;
grid-template-columns: repeat(var(--grid-column-item, 1), minmax(0, 1fr));
grid-gap: 1.875rem;
}
#filter-results.listing-map {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 24px;
}
#filter-results.woocommerce > ul.products {
display: grid;
grid-template-columns: repeat(var(--grid-column-item, 1), minmax(0, 1fr)) !important;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
#filter-results.woocommerce > ul.products:before, #filter-results.woocommerce > ul.products:after {
display: none !important;
}
#filter-results.woocommerce > ul.products li {
width: 100% !important;
margin-right: 0 !important;
}
@media (max-width: 991px) {
#filter-results {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
#filter-results {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.inspect-filter-wrapper.no-sidebar .inspect-product-view-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 991px) {
.inspect-filter-wrapper.no-sidebar .inspect-product-view-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.inspect-filter-wrapper.no-sidebar .inspect-product-view-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.inspect-helium-product-card {
border-radius: 0.3125rem;
border: 1px solid #e2e8f0;
overflow: hidden;
-webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: box-shadow 0.2s ease, border-color 0.2s ease;
transition: box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.inspect-helium-product-card:hover {
border-color: transparent;
-webkit-box-shadow: 0 0 22px rgba(52, 61, 72, 0.102);
box-shadow: 0 0 22px rgba(51, 60, 71, 0.102);
}
.inspect-helium-product-card:hover .inspect-listing-image-hover {
opacity: 1;
}
.inspect-listing-img {
position: relative;
overflow: hidden;
height: 16.25rem;
}
.inspect-listing-img img {
max-width: 100%;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.inspect-listing-details {
padding: 1.375rem 1.5625rem 1.5rem;
-webkit-box-shadow: none;
box-shadow: none;
}
.inspect-listing-link {
display: inline-block;
font-weight: 600;
padding: 0.75rem 1.25rem;
border-radius: 3px;
color: #fff;
background-color: var(--color__primary, #333333);
-webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;
}
.inspect-listing-link:focus, .inspect-listing-link:visited, .inspect-listing-link:hover {
color: #fff;
background-color: var(--color__primary-hover, #222222);
}
.inspect-filter-result-wrapper .inspect-listing-link {
text-decoration: none !important;
}
.inspect-listing-image-hover {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
background-color: rgba(0, 0, 0, 0.8);
}
.inspect-listing-details .product_title {
margin: 0;
font-size: calc(var(--base__font-size, 16px) + 2px);
font-weight: 600;
color: var(--heading__color, #2d3748);
}
.inspect-listing-details .product_title > a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none !important;
color: inherit;
display: block;
}
.inspect-listing-details-title {
margin-bottom: 0.9375rem;
}
.inspect-listing-details-title .product_price {
display: none;
}
.inspect-listing-attributes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #e2e8f0;
border-bottom: 0;
padding: 1rem 0 0;
margin: 0 0 1.5rem;
}
.inspect-listing-attributes .value {
color: var(--color__text-light, #718096);
font-weight: 500;
margin-left: 6px;
}
.inspect-listing-attributes .icon {
opacity: 0.4;
display: inline-block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 stroke=%27currentColor%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 13l4 4L19 7%27/%3E%3C/svg%3E");
background-repeat: no-repeat;
margin-right: 4px;
vertical-align: middle;
}
.inspect-listing-details ul.inspect-listing-attributes {
list-style: none;
padding-left: 0;
margin: 0 0 1.5rem;
}
.inspect-listing-details ul.inspect-listing-attributes > li {
margin: 0;
}
.inspect-listing-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inspect-listing-meta-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.inspect-listing-meta-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.inspect-listing-meta-content .inspect-listing-meta-left {
padding-right: 0.625rem;
}
.inspect-star-rating {
color: var(--color__primary, #333333);
margin: 0;
line-height: 1;
font-size: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-gap: 1px;
}
.inspect-star-rating > span {
font-weight: 400;
padding: 1em;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.inspect-star-rating > span:not(:last-child) {
margin-right: 0.125rem;
}
.inspect-star-rating > span.inspect-star-fill {
background-image: url("data:image/svg+xml,%3Csvg stroke=%27currentColor%27 fill=%27currentColor%27 stroke-width=%270%27 viewBox=%270 0 16 16%27 height=%271em%27 width=%271em%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z%27 stroke=%27none%27/%3E%3C/svg%3E");
}
.inspect-star-rating > span.inspect-star-blank {
background-image: url("data:image/svg+xml,%3Csvg stroke=%27currentColor%27 fill=%27currentColor%27 stroke-width=%270%27 viewBox=%270 0 16 16%27 height=%271em%27 width=%271em%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z%27 stroke=%27none%27/%3E%3C/svg%3E");
}
.inspect-star-rating > span.inspect-star-blank-alt {
background-image: url("data:image/svg+xml,%3Csvg stroke=%27currentColor%27 fill=%27currentColor%27 stroke-width=%270%27 viewBox=%270 0 16 16%27 height=%271em%27 width=%271em%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.354 5.119 7.538.792A.516.516 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.537.537 0 0 1 16 6.32a.548.548 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.52.52 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.58.58 0 0 1 .085-.302.513.513 0 0 1 .37-.245l4.898-.696zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.565.565 0 0 1 .162-.505l2.907-2.77-4.052-.576a.525.525 0 0 1-.393-.288L8.001 2.223 8 2.226v9.8z%27 stroke=%27none%27/%3E%3C/svg%3E");
}
.inspect-listing-features {
border-top: none;
padding-top: 0;
padding-bottom: 20px;
border-bottom: 1px solid #e2e8f0;
}
@media (max-width: 767px) {
.inspect-listing-meta-right {
line-height: 1.5;
}
}
.inspect-product-view-list .inspect-helium-product-card {
margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
.inspect-product-view-list .inspect-helium-product-card {
display: grid;
min-height: 17.1875rem;
grid-template-columns: 1fr;
}
}
@media (min-width: 1200px) {
.inspect-product-view-list .inspect-helium-product-card {
grid-template-columns: 20rem 1fr;
}
}
.inspect-product-view-list .inspect-listing-details {
padding: 1rem 1.5rem 1.25rem;
}
.inspect-product-view-list .inspect-listing-attributes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1rem;
border: none;
padding-top: 0;
padding-bottom: 1rem;
}
@media (max-width: 620px) {
.inspect-product-view-list .inspect-listing-attributes {
grid-template-columns: 1fr 1fr;
}
}
.inspect-product-view-list .inspect-listing-img img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.inspect-product-view-list ul.inspect-listing-attributes {
margin: 0;
}
.inspect-product-view-list .inspect-listing-footer {
margin-top: 0.75rem;
padding-top: 1.25rem;
border-top: 1px solid #e2e8f0;
}
.inspect-product-view-list .inspect-listing-footer .inspect-listing-link {
margin-left: 0;
}
.inspect-product-view-list .product_title {
font-size: calc(var(--base__font-size, 16px) + 4px);
}
@media (min-width: 768px) {
.inspect-product-view-list .product_title {
max-width: 60%;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
}
}
.inspect-product-view-list .product_title > a {
white-space: normal;
}
.inspect-product-view-list .product_price {
display: none;
}
.inspect-product-view-list .inspect-listing-details-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.inspect-product-view-list .inspect-listing-details-title .product_price {
display: block;
}
@media (max-width: 767px) {
.inspect-product-view-list .inspect-listing-details-title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.inspect-product-view-list .inspect-listing-image-hover {
display: none;
}