.offer-page { margin-bottom: 2rem; } .card { margin-bottom: 1rem; } .card-img { padding: 5px; padding-top: 1rem; } .card p { font-size: 18px; } .card-header { padding-bottom: 0; } .card-header-dp-none { @extend .card-header; border-bottom: inherit; } .card-img-overlay-badge { bottom: inherit; left: inherit; //top: 12%; } .offer-index { margin-top: 1%; margin-bottom: 1%; } .off-badge { color: white; background-color: theme-color(similar) !important; font-size: 150% !important; padding-right: 10px; padding-left:10px; opacity: 0.9; } .new-price { color: theme-color(similar); } @media (min-width: 768px) { .card-img { padding: 0; margin-left: 1rem; } .off-badge { margin-top: 20px !important; } } @media (max-width: 768px) { .card-header-dp-none { display: none !important; } .off-badge { font-size: 200% !important; margin-right: 2rem; } } @media (max-width: 992px) { .d-md-none { display: none; } .dp-md-none { display: none; } } .btn-tertiary { @extend .btn-secondary; background-color: #0088A3; /* background-color: #06C9F0; */ } .btn-complementary{ @extend .btn-secondary; background-color: theme-color("complementary"); } .btn-group { box-shadow: inherit; } .page-link { font-size: 18px; } .offer-title { color: rgba(0, 0, 0, 0.87); text-decoration: underline; } .icon-small { font-size: inherit !important; } /*.offer-page .card {*/ .card-border-left { border-left: 5px solid theme-color(primary); } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } @media (max-width: 576px) { .price-from { margin-top: 0.5rem; } }