/* GLOBAL */
/* GLOBAL CSS */
.product-image {
background-size: contain !important;
background-repeat: no-repeat !important;
}
/* =================================================== */
::-webkit-scrollbar {
width: 10px;
height: 20%;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--dark);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--primary-alt);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--primary);
}
body {
font-size: 1rem;
}
.productDescription,
.productDescription span,
.productDescription p,
.productDescription ul,
.productDescription li,
.productDescription table {
font-family: "Open Sans", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", sans-serif !important;
font-size: .95rem !important;
}
/*.omsNav .btn,
#savecontent .btn,
.omsFooter .btn {
border-radius: 100px;
padding: 8px 16px;
font-size: .9rem;
}*/
.snipOuter.bg-white.border-bottom.py-3.py-md-4 .text-danger {
display: none !important;
height: 0;
}
@media(max-width: 575px) {
body {
font-size: .9rem !important;
line-height: 1.5;
}
.lead {
font-size: 1.1rem;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1300px;
}
}
.font-weight-bold,
strong,
bold {
font-weight: 700 !important;
}
@media(max-width: 1199px) {
h1, .h1 {
font-size: 2.2rem;
}
h2,
.h2 {
font-size: 2rem;
}
h3,
.h3 {
font-size: 1.8rem;
}
h4,
.h4 {
font-size: 1.6rem;
}
h5,
.h5 {
font-size: 1.4rem;
}
h6,
.h6 {
font-size: 1.2rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
text-transform: uppercase;
}
.product-cat-header h1 {
font-weight: bold;
}
.bg-sub-hero {
background: url(/userfiles/2504/images/cummins-sub-hero.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
a:hover img {
opacity: .9;
/* filter: brightness(1.1);
transition: all .2s ease-in-out;*/
}
.img-float {
width: 100%;
margin-bottom: 20px;
}
@media(min-width: 768px) {
.img-float {
float: right;
width: 400px;
max-width: 35%;
margin: 0 0px 10px 20px;
}
}
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 40%;
}
@media (max-width: 767px) {
.rightfloat {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
}
.rightfloat-sm {
float: right;
margin: 0 0 .5rem 1rem;
width: 200px;
max-width: 40%;
}
.oms-blog-detail,
.oms-blog {
background: var(--light);
}
.oms-blog-detail .blog {
background: white;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
padding: 1.5rem;
}
.media-body.blog-content {
background: white;
}
/* Product Results */
@media(max-width: 575px) {
.productDescription .nav-tabs .nav-item {
font-size: 11px;
padding: 8px;
}
}
.oms-products #modelFilter {
margin-top: 1rem;
margin-bottom: 1rem;
}
.viewMoreDetailsBut {
margin-top: .5rem;
}
.productsRow .product-image {
min-height: auto !important;
padding-bottom: 100% !important;
}
.productsRow .prodButtons,
.productsRow .product-description {
margin-bottom: .5rem !important;
}
.productsRow .product-description {
line-height: 1.4;
font-size: 14px;
}
.productsRow div {
text-align: center;
}
.productsRow .product-title,
.productsRow .price {
line-height: 1.2;
font-size: 1rem;
font-weight: bold;
}
.productsRow .card-body>.row {
height: 100%;
}
.productsRow .prodButtons {
align-self: flex-end;
}
.prodButtons .viewMoreDetailsBut {
display: block;
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
.oms-product-details {
background: var(--light);
}
.product-specs,
.productDescription .tab-content {
background: white;
}
.productsRow a:hover .product-image {
opacity: .9;
}
.card-body .product-title {
line-height: 1.3;
display: block;
margin-bottom: .6rem;
}
.chosen-container {
width: 100% !important;
}
.chosen-container-single .chosen-single {
padding: 7px 0px 0px 8px !important;
height: 40px !important;
}
.chosen-container-single .chosen-single {
background: none !important;
box-shadow: 0px !important;
border-radius: 0px !important;
border: 1px solid rgba(0, 0, 0, .15) !important;
}
.chosen-container-single .chosen-single div b {
background: url(chosen-sprite.png) no-repeat 0 10px !important;
}
.chosen-container {
font-size: 17px !important;
}
.productsRow .product-description-cell {
font-size: .95rem !important;
}
.productRow .productDescription {
display: flex;
flex-direction: column;
margin-top: 0 !important;
}
.productDescription .border.pt-4.px-4.pb-2.mt-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
order: -1;
}
.oms-cart .table-responsive {
border-top: 1px solid #ccc;
}
.oms-cart .table-responsive .table {
border: 1px solid #ccc;
}
.oms-cart table th {
font-size: .8rem;
}
.productsRow .card-body .col-12.mt-2 {
margin-top: 0 !important;
}
.addToCart.text-right {
text-align: left !important;
}
.productsRow .price {
margin-bottom: 0 !important;
}
/*.productDescription ul {
margin-left: 0;
margin-block-start: 0;
padding-inline-start: 0;
border: 1px solid #ddd;
padding: 1.5rem;
}
.productDescription ul li {
display: inline-block;
margin-right: 1.25rem;
padding-left: 0;
margin-left: 0;
line-height: 2;
}*/
.productRow>.col-12.col-lg-4.mb-3 {
padding-top: 1rem;
padding-bottom: 1rem;
background: var(--light);
}
.card .product-image {
border: 20px solid white;
}
.card .productPrice {
color: var(--primary);
}
.product-desc .productRow .col-12.col-lg-4.mb-3>div {
position: sticky !important;
position: -webkit-sticky !important;
top: 90px;
z-index: 1;
}
@media(min-width: 1200px) {
.product-desc .productRow .col-12.col-lg-4.mb-3>div {
top: 140px;
}
}
.related-products-page-container .optionsRow,
.related-products-page-container .prodPageCartBtn {
display: none;
}
.related-products-page-container .related-products-page-container {
padding-left: 0;
padding-right: 0;
}
.related-products-page-container .card-body .col-12.mt-2 {
margin-top: 0 !important;
}
.tab-wrapper .tab-pane,
.tab-wrapper .tab-content {
border: 0 !important;
}
.tab-wrapper .tab-content {
border-top: 1px solid var(--light) !important;
}
.nav-tabs .nav-item {
border: 0;
}
.nav-tabs .nav-item:hover {
background: var(--light);
}
/*.product-detail-wrapper .related-products .related,
.product-detail-wrapper .related-products .item .related-products-row,
.tab-pane .addtocart {
display: none;
}*/
.tab-pane .addtocart {
display: none;
}
.product-detail-wrapper .related-products .item {
padding: 0;
}
.tab-pane .product-title,
.tab-pane .viewMoreDetailsBut {
font-weight: normal !important;
font-size: .8rem;
}
.tab-pane .product-title {
line-height: 1.3;
margin: 0 -.15rem .5rem -.15rem;
display: block;
}
.tab-pane .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-2.d-flex.my-3 {
flex: 0 0 50%;
max-width: 50%;
padding-right: .5rem;
padding-left: .5rem;
}
.tab-pane .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-2.d-flex.my-3 {
flex: 0 0 50%;
max-width: 50%;
}
@media(min-width: 576px) {
.tab-pane .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-2.d-flex.my-3 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media(min-width: 768px) {
.tab-pane .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-2.d-flex.my-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media(min-width: 1600px) {
.tab-pane .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-2.d-flex.my-3 {
flex: 0 0 20%;
max-width: 20%;
}
}
@media(min-width: 992px) and (max-width:1199px) {
.productsRow .col-12.col-md-6.col-xl-3.d-flex.my-3 {
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
}
img.free-shipping {
z-index: 5 !important;
}
.top-add-to-cart .input-group select {
flex: 0 0 auto;
width: 100px;
}
.tab-content .embed-responsive {
margin-bottom: 20px;
}
@media(max-width: 575px) {
.container.fullProductsContainer.px-5.pb-5 {
padding-left: .5rem !important;
padding-right: .5rem !important;
}
}
.fullProductsContainer .row.justify-content-center,
.fullPoductsContainer .productsRow {
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (min-width: 768px) {
.productRow .col-12.col-lg-4 {
flex: 0 0 20% !important;
max-width: 20% !important;
}
.productRow .col-12.col-lg-8 {
flex: 0 0 80% !important;
max-width: 80% !important;
}
}
.productRow .d-flex .btn-back {
display: none !important;
}
.productsRow .productPrice {
margin-bottom: 1rem !important;
font-size: 1.25rem !important;
display: block;
}
.product-cat-header {
background: url(/userfiles/2504/images/sub-hero-cat.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: block;
}
.modal-dialog,
.modal-content,
.modal-header,
.modal-content {
border-radius: 0;
}
.product-cat-header {
margin: 1.5rem auto 0 auto;
width: 100%;
max-width: 1300px;
padding: 0 1rem;
}
.oms-products.bg-light {
background: white !important;
}
.oms-product-details {
margin-top: 1rem;
}
.product-cat-header {
margin: 1.5rem auto 0 auto;
width: 100%;
max-width: 1300px;
padding: 0 1rem;
background: url(/userfiles/2504/images/eyehero.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: block;
}
@media(min-width: 1320px) {
.product-cat-header, .product-cat-header .overlay {
border-radius: 20px;
}
}
.btn-primary:hover,
.btn-primary-alt:hover {
border-color: var(--info) !important;
background: var(--info) !important;
color: white !important;
}
hr {
border-top: 1px dotted var(--info);
}
.subborder {
border-bottom: 1px dotted var(--info);
}
.invert img {
filter: invert(1);
}
.accordion .card-header.py-3 {
padding: 0 !important;
}
.accordion .card-body {
background: #111;
color: white !important;
}
.accordion .card-body * {
color: white !important;
}
.accordion .card-header a.text-primary {
padding: 1rem;
background: #222222;
}
.accordion .card-header a.text-primary:hover {
background: black !important;
}
.accordion .card {
border: 1px solid #444;
}
.accordion .card-header {
border-bottom: 1px solid #444;
}
/*.blog-item-image {
width: 180px;
}*/
.blog,
.blog-roll-listing {
background-color: black!important;
}
.blog-item-feature .blogTitle {
font-size: 18px !important;
}
/* PAGE SPECIFIC */
/* FOOTER */