The Body Shop Archives

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#F73247 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #F73247 !important; border-color: #F73247 !important; } .text-primary, .filters_col .distance span { color: #F73247 !important; } .btn-outline-primary { color: #F73247 !important; border-color: #F73247 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #F73247 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #F73247!important; } .btn-ppt-coupon { background:#F73247!important; } .btn-ppt-coupon.withcode .pealbit:after { border-top: 100px solid #F73247!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#F73247 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #F73247 !important; border-color: #F73247 !important; } .text-secondary { color: #F73247 !important; } .text-secondary a { color: #F73247 !important; } .btn-outline-secondary { color: #F73247 !important; border-color: #F73247 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #F73247 !important; background-color: #F73247 !important; } .link-dark, a.text-dark { color:#F73247!important; } .link-light, a.text-light { color:#F73247!important; } .btn-ppt-coupon{ border: 2px solid #E62639 !important; } [ppt-flex-between]{ justify-content: center; } [ppt-border1]{ border:0px solid Black !important; box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%); } .card-body { display: block !important; } .bg-overlay-dark { background: none !important; } .section-40, [data-padding="section-40"] { padding: 0px 0 !important; background-color: #fff; } .col-md-6.col-lg-3.hide-mobile { max-width: 20%; } .mb-4 a img.img-fluid { display: none ; } .text-600.text-black { display: none; } [ppt-border2]{ height:120px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .p-3 a.btn.btn-system { margin-top: 60px !important; } div .mb-4 .hide-mobile { width: 120px !important; margin-left: 20px; box-shadow: none !important; background: #fff; border: none !important; background-size: cover !important; padding: 2px; top:0px; bottom:0px; } a.btn.btn-system { width: 150px; } .mb-4.rounded.card.blog-recent { display: none !important; } .card-newsletter.mb-4.p-3 { display: none; } nav.pl-0.my-2.fs-14.textc-600.hide-mobile { display: none; } h1.fs-md.mb-2.mt-1.text-600 { display: none; } .store-icon-small.mr-4.mr-lg-5.show-mobilex { width: 250px !important; height: 150px !important; } .bg-image.ppt-lazy-img-8888.js-image-preload-set.visible { padding: 0px; } .d-flex.ml-3.hide-mobile { display: none !important; } .col-md-6.hide-mobile.text-right { text-align: right !important; } div#mobile-bottom-bar { display: none !important; } main#page-content-wrapper { margin-bottom: 0px !important; } /* Media Query for low resolution Tablets, Ipads ///////////////////////////////////////////////////////// */ /* Media Query for low resolution Tablets, Ipads */ @media (min-width: 481px) and (max-width: 767px) { a.btn-system.btn-xs.btn-block.show-mobile { width: 100px; height: 50px; align-content: center; font-size: 20px !important; } .store-icon-small.mr-4.mr-lg-5.show-mobilex { width: 250px !important; height: 70px !important; } } [ppt-box] { background-clip: border-box; display: flex ; flex-direction: column; color: #000; position: relative; border: 2px solid #E62639; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; !important } [ppt-box] ._footer.small { Display:none; !important } .rounded { border-radius: 12px !important; } .card { position: relative; bottom: 188px; left: 322px; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border:none !important; border-radius: 0.25rem; height: 148.4px; width: 890px; color:Black !important; } /* Media Query for low resolution mobiles , /////////////////////////////////////////////// */ @media only screen and (max-width: 600px) { summary.e-n-accordion-item-title { color: #fff; margin: 0 auto; text-align: center; display: grid } [data-ppt-btn].btn-system { visibility: hidden !important; max-height:0px; } .bg-image.ppt-lazy-img-8888.js-image-preload-set.visible { margin-left:70px !important; margin-top: 10px; } [ppt-box] ._content { height: 100%; display:none; } .form-control { display: none; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15sease-in-out, box-shadow .15sease-in-out; } .show-mobile{ } .col-md-6.col-lg-3.hide-mobile { max-width: 49%; } .hide-mobile{ display: initial !important; } [ppt-border1]{ box-shadow: 0 0px 0px 0 !important; background-color: #fff; background-clip: border-box; border: 10px solid #fff); border-radius: 0.25rem; } [ppt-nav]:not(.list) > ul { display: none; } .store-icon-small.mr-4.mr-lg-5.show-mobilex { width: 250px !important; height: 70px !important; } .py-3.border-bottom.mb-3 { visibility: hidden; margin-top: -35px; border-bottom: 1px solid #fffff !important ; } [ppt-box] ._title{ Display:none !important; } .card-body { display: none !important;} ._header { border-bottom: 0px solid var(--ppt-border-grey ) !important; } [ppt-box] { border: 0px solid #E62639; } .d-flex.position-relative.mb-3.border-bottom.pb-3 { border-bottom: 2px solid #f73247; } summary.e-n-accordion-item-title { color: #000000; } .filterSortby select { display: none; }

Home

Deals

Brands

Search

The Body Shop

Our Policies

Contact Us