/* #region - Importing custom fonts */

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-BlackItalic-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-BlackItalic-Web") format("woff");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}

.DuplicateIonic-BlackItalic-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Black-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Black-Web") format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

.DuplicateIonic-Black-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-BoldItalic-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-BoldItalic-Web") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}

.DuplicateIonic-BoldItalic-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Bold-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Bold-Web") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

.DuplicateIonic-Bold-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-MediumItalic-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-MediumItalic-Web") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}

.DuplicateIonic-MediumItalic-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Medium-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Medium-Web") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

.DuplicateIonic-Medium-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-RegularItalic-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-RegularItalic-Web") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

.DuplicateIonic-RegularItalic-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Regular-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Regular-Web") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

.DuplicateIonic-Regular-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-LightItalic-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-LightItalic-Web") format("woff");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}

.DuplicateIonic-LightItalic-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Light-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Light-Web") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

.DuplicateIonic-Light-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-ThinItalic-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-ThinItalic-Web") format("woff");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}

.DuplicateIonic-ThinItalic-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Duplicate Ionic Web";
  src: url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Thin-Web") format("woff2"), url("https://brakes.a.bigcontent.io/v1/static/DuplicateIonic-Thin-Web") format("woff");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}

.DuplicateIonic-Thin-Web {
  font-family: "Duplicate Ionic Web";
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}

/* #endregion */

/* #region - Variables */
body[data-page-id="cmsitem_00391034"]  {
  --font-fd-heading: "Duplicate Ionic Web", BrandonBold, Brandon, Helvetica, Arial, sans-serif;
  --font-fd-body: "Duplicate Ionic Web", Brandon, Helvetica, Arial, sans-serif;
  --color-fd-green: #c8d400;
  --color-fd-dark: #003d51;
  --color-fd-yellow: #ffe163;
  --color-fd-orange: #ef7d17;
  --color-fd-grey: #e5ebed;
  --color-fd-sky-blue: #8bbee7;
  --color-fd-sky-blue-mid: #d4e5f6;
  --color-fd-sky-blue_light: #deebf9;
  --gradient-fd-sky-blue-moz: -moz-linear-gradient(180deg, rgba(136, 188, 229, 1) 0%, rgba(223, 235, 249, 1) 80%);
  --gradient-fd-sky-blue-webkit: -webkit-linear-gradient(270deg, rgba(136, 188, 229, 1) 0%, rgba(223, 235, 249, 1) 80%);
  --gradient-fd-sky-blue: linear-gradient(180deg, rgba(136, 188, 229, 1) 0%, rgba(223, 235, 249, 1) 80%);
  --gradient-fd-sky-blue-ms: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88bce5", endColorstr="#dfebf9", GradientType=1);
  --padding-tb-divider: 35px 0;
  --padding-t-divider: 35px 0 0 0;
  --padding-b-divider: 0 0 35px 0;
}

/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  body[data-page-id="cmsitem_00391034"]  {
    --font-fd-size-sm: clamp(14px, 0vi + 12px, 146x);
    --font-fd-size-base: clamp(16px, 0vi + 12px, 18px);
    --font-fd-size-md: clamp(20px, 1vi + 13px, 24px);
    --font-fd-size-lg: clamp(22px, 1vi + 13px, 28px);
    --font-fd-size-xl: clamp(26px, 2vi + 13px, 32px);
    --font-fd-size-xxl: clamp(28px, 3vi + 11px, 40px);
    --font-fd-size-xxxl: clamp(32px, 4vi + 7px, 48px);
  }
}
/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  body[data-page-id="cmsitem_00391034"]  {
    --font-fd-size-sm: 14px;
    --font-fd-size-base: 18px;
    --font-fd-size-md: 20px;
    --font-fd-size-lg: 22px;
    --font-fd-size-xl: 26px;
    --font-fd-size-xxl: 28px;
    --font-fd-size-xxxl: 32px;
  }
  @media screen and (min-width: 1200px) {
    body[data-page-id="cmsitem_00391034"]  {
      --font-fd-size-sm: 16px;
      --font-fd-size-base: 18px;
      --font-fd-size-md: 24px;
      --font-fd-size-lg: 28px;
      --font-fd-size-xl: 32px;
      --font-fd-size-xxl: 40px;
      --font-fd-size-xxxl: 48px;
    }
  }
}

/* #endregion */

/* #region - Overrides */

/* .main__inner-wrapper {
  color: var(--color-fd-dark);
} */

/* Turn off margin-bottom for text blocks */
body[data-page-id="cmsitem_00391034"] app-amplience .amp-text {
  margin-bottom: 0;
}

body[data-page-id="cmsitem_00391034"] app-amplience .amp__heading *,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-text__body h1,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-text__body h2,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-text__body h3,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-splitblock__text h1,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-splitblock__text h2,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-splitblock__text h3,
body[data-page-id="cmsitem_00391034"] app-amplience .amp__heading-text{
  font-family: var(--font-fd-heading) !important;
  font-weight: 700 !important;
}


body[data-page-id="cmsitem_00391034"] app-amplience h1,
body[data-page-id="cmsitem_00391034"] app-amplience h2,
body[data-page-id="cmsitem_00391034"] app-amplience h3,
body[data-page-id="cmsitem_00391034"] app-amplience h4,
body[data-page-id="cmsitem_00391034"] app-amplience h5 {
  color: var(--color-fd-dark) !important;
  line-height: clamp(2.313rem, 10.389vw + -0.154rem, 3.388rem) !important;
}

body[data-page-id="cmsitem_00391034"] app-amplience p {
  font-family: var(--font-fd-body) !important;
  font-size: var(--font-fd-size-base);
}


body[data-page-id="cmsitem_00391034"] app-amplience h1 {
  font-size: var(--font-fd-size-xxl) !important;
}
body[data-page-id="cmsitem_00391034"] app-amplience h2 {
  font-size: var(--font-fd-size-xl) !important;
}
body[data-page-id="cmsitem_00391034"] app-amplience h3 {
  font-size: var(--font-fd-size-lg) !important;
}

/* Remove borders from headers */
body[data-page-id="cmsitem_00391034"] app-amplience h1::after,
body[data-page-id="cmsitem_00391034"] app-amplience h2::after,
body[data-page-id="cmsitem_00391034"] app-amplience h3::after {
  display: none !important;
}


/* #endregion */

/* #region - Hide Breadcrumbs */

body[data-page-id="cmsitem_00391034"] benefit-bar,
.benefits-bar{
  margin-bottom: 0 !important;
}
body[data-page-id="cmsitem_00391034"] cx-breadcrumb {
  display: none !important;
}

body[data-page-id="cmsitem_00391034"] brakes-amplience-default.amp-codeblock {
    display: none;
}

/* #endregion */


body[data-page-id="cmsitem_00391034"] .splitblock__text-image {
  display: grid;
  justify-content: start;
  margin: 0 0 30px 0;
  & > * {
  grid-column: 1;
  grid-row: 1;
  margin: auto !important;
  }
}

body[data-page-id="cmsitem_00391034"] .splitblock__text-image img {
width: 100%;
max-width: 300px;
}




/************************
*  Card List Component, Responsive 4 per line, 3 per line, 2 per line *
************************/


body[data-page-id="cmsitem_00391034"] brakes-amplience-default.amp-text .amp-text__body .amp-cardlist.row.amp-cardlist--50-50 .amp-card__content .amp__heading h3 {
    font-size: var(--font-fd-size-md) !important
}


body[data-page-id="cmsitem_00391034"] .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6 {
  width: 16.66666666666667%;
  max-width: unset !important;
  flex: unset !important;
}

@media only screen and (min-width: 400px) {
    body[data-page-id="cmsitem_00391034"] .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6 {
    width: 50%;
    }
}

@media only screen and (min-width: 768px) {
    body[data-page-id="cmsitem_00391034"] .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6 {
    width: 33.333%;
    }

}

@media only screen and (min-width: 1024px) {
    body[data-page-id="cmsitem_00391034"] .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6 {
    width:16.66666666666667%;
    }
}

body[data-page-id="cmsitem_00391034"] .amp-card {
    display: flex;
    flex-direction: column;
}

body[data-page-id="cmsitem_00391034"] .amp-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
 }


body[data-page-id="cmsitem_00391034"] .amp-cardlist.row.amp-cardlist--50-50 {
    background: var(--color-fd-dark);
    padding: 20px 10px !important;
    margin: 0 !important;
}

body[data-page-id="cmsitem_00391034"] .amp-card {
    background-color: unset !important;
    border: none !important;
    border-radius: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    margin-bottom: unset !important;
}



body[data-page-id="cmsitem_00391034"] .amp-card a:hover{
    text-decoration: none;
}

body[data-page-id="cmsitem_00391034"] .amp-card .amp-card__content .amp__heading-text {
  background-color: white;
  margin-bottom: 0 !important;
  text-align: center;
  padding: 5px 5px;
}

body[data-page-id="cmsitem_00391034"] .amp-card__content {
    padding: 0 !important;
}

body[data-page-id="cmsitem_00391034"] .amp-card .amp-card__content button.amp-card__cta.amp-card__cta--type-primary {
    margin-top: 10px;
}

body[data-page-id="cmsitem_00391034"] .amp-card .amp-card__content button.amp-card__cta {
    width: 100% !important;
}


@media only screen and (max-width: 1023px) {
body[data-page-id="cmsitem_00391034"] .amp-text .amp-text__body.amp-text__body--align-.amp-text__body--columns- .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6:nth-of-type(3) {
    margin-bottom: 40px;
}
}


@media only screen and (max-width: 767px) {
body[data-page-id="cmsitem_00391034"] .amp-text .amp-text__body.amp-text__body--align-.amp-text__body--columns- .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6:nth-of-type(2),
body[data-page-id="cmsitem_00391034"] .amp-text .amp-text__body.amp-text__body--align-.amp-text__body--columns- .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6:nth-of-type(4){
    margin-bottom: 40px;
}
}

@media only screen and (max-width: 424px) {
body[data-page-id="cmsitem_00391034"] .amp-text .amp-text__body.amp-text__body--align-.amp-text__body--columns- .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6{
    margin-bottom: 20px;
}
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] h2 {
  color: inherit;
  font-size: var(--font-fd-size-xxxl) !important;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] span.fd-sub-heading {
  font-size: var(--font-fd-size-xl) !important;
  font-weight: 400;
}


body[data-page-id="cmsitem_00391034"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] {
  color: inherit;
  font-size: var(--font-fd-size-xxxl) !important;
}

/* #region - Fresh Direct Button Styling */
body[data-page-id="cmsitem_00391034"] app-amplience .btn-primary,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-primary,
body[data-page-id="cmsitem_00391034"] cx-add-to-cart .btn-primary{
  font-family: var(--font-fd-body);
  font-size: var(--font-fd-size-base);
  background-color: var(--color-fd-green);
  border: none;
  color: var(--color-fd-dark);
  min-width: 50px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  width: 100%;
  padding: 12px 18px;
  font-weight: 900;
  border-radius: unset;
}

body[data-page-id="cmsitem_00391034"] app-amplience .btn-secondary,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-secondary {
  font-family: var(--font-fd-body);
  background-color: white;
  border: none;
  color: var(--color-fd-dark);
  min-width: 50px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  width: 100%;
  padding: 12px 18px;
  font-weight: 900;
  border-radius: unset;
}

body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-primary,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-secondary {
  border-radius: unset;
  cursor: pointer;
}


body[data-page-id="cmsitem_00391034"] app-amplience .btn-primary:active,
body[data-page-id="cmsitem_00391034"] app-amplience .btn-primary:hover,
body[data-page-id="cmsitem_00391034"] app-amplience .btn-secondary:active,
body[data-page-id="cmsitem_00391034"] app-amplience .btn-secondary:hover,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-primary:active,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-primary:hover,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-secondary:active,
body[data-page-id="cmsitem_00391034"] app-amplience .amp-card__cta--type-secondary:hover {
  background-color: var(--color-fd-orange);
  color: #fff;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}

body[data-page-id="cmsitem_00391034"] cx-add-to-cart button.item-control {
  font-family: iconsbrakes !important;
  background-color: var(--color-fd-green) !important;
  color: var(--color-fd-dark) !important;
  border-radius: unset !important;
}

body[data-page-id="cmsitem_00391034"] cx-add-to-cart .btn-primary:active,
body[data-page-id="cmsitem_00391034"] cx-add-to-cart .btn-primary:hover,
body[data-page-id="cmsitem_00391034"] cx-add-to-cart button.item-control:active,
body[data-page-id="cmsitem_00391034"] cx-add-to-cart button.item-control:hover {
  background-color: var(--color-fd-orange) !important;
  color: #fff !important;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out !important;
}

body[data-page-id="cmsitem_00391034"] cx-add-to-cart .btn-primary {
  font-family: unset;
  font-weight: 400;
}

/* @media (min-width: 1240px) {
  .cart__add-button {
    font-size: 18px;
    padding: 12px 8px;
  }
}
.cart__add-button {
  font-size: 14px;
  padding: 4px 15px;
}
 */



/* #endregion */

/* .amp-text {
  color: inherit;
}

.amp__heading-text {
  color: inherit;
}
.amp__heading {
  color: inherit;
}
 */
body[data-page-id="cmsitem_00391034"] .amp-splitblock span{
  border: unset !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

body[data-page-id="cmsitem_00391034"] brakes-product-tile cx-product-grid-item {
background: white;
}

/* #region - Fresh Direct Page */

body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] .amp-text__body h1 {
  color: inherit;
  font-size: var(--font-fd-size-xxxl) !important;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="c8a9b5e3-880a-41a9-838f-092438a246e0"] brakes-amplience-default.amp-text h2 {
  color: white !important; 
  font-size: var(--font-fd-size-xxxl) !important;
}

/* #region - Background Sections */


body[data-page-id="cmsitem_00391034"] [data-amplience-id="c8a9b5e3-880a-41a9-838f-092438a246e0"] {
  position: relative;
  padding: var(--padding-tb-divider);
}
body[data-page-id="cmsitem_00391034"] [data-amplience-id="c8a9b5e3-880a-41a9-838f-092438a246e0"]::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--color-fd-dark);
  color: white !important;
  z-index: -1;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] {
  position: relative;
  padding: var(--padding-tb-divider);
}


body[data-page-id="cmsitem_00391034"] [data-amplience-id="15982af9-b176-4999-90cc-ee90203f7492"] {
  position: relative;
  padding: var(--padding-tb-divider);
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="eef11392-876c-4a5d-91cd-b276255248f2"] {
  position: relative;
  padding: var(--padding-tb-divider);
}
body[data-page-id="cmsitem_00391034"] [data-amplience-id="eef11392-876c-4a5d-91cd-b276255248f2"]::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--color-fd-yellow);
  z-index: -1;
}
/* #endregion */


/* #region - Fresh produce a click away */
body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] picture {
  height: 0;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] brakes-amplience-default{
  margin-bottom: 1rem;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] .amp-card {
    background-color: var(--color-fd-green) !important;
    text-align: center;
    padding: 20px;
    display: flex;
    height: 100%;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] .amp-card img.amp-card__img {
    max-height: 72px;
    width: 100%;
    object-fit: contain;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] span .amp-card__content {
margin-top: 10px !important;    
}

/************************
*  Card List Component, Responsive 4 per line, 3 per line, 2 per line *
************************/

@media only screen and (min-width: 768px) {
    body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] .amp-cardlist.row .col-xs-12.col-sm-3 {
    width: 50%;
    }

}

@media only screen and (min-width: 1024px) {
    body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] .amp-cardlist.row .col-xs-12.col-sm-3 {
    width:25%;
    }
}

@media only screen and (max-width: 1023px) {
body[data-page-id="cmsitem_00391034"] [data-amplience-id="f2f1ec1f-6240-4071-8eff-cffe6d5e71d3"] .col-xs-12.col-sm-3 {
    margin-bottom: 20px;
}
}

/* #endregion */


  body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://cdn.media.amplience.net/i/Brakes/fd-orange-sky-box_10-2024?fmt=auto);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100vw !important;
    margin-left: calc(50% - 50vw);
    background-color: #ffba53;
    padding: var(--padding-t-divider);
  }

  @media only screen and (max-width: 767px) {
    body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] {
      background-image: url(https://cdn.media.amplience.net/i/Brakes/fd-orange-sky-box_10-2024?fmt=auto);
      background-repeat: no-repeat;
      background-size: cover;
    }
  }



body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] .hero-veg-illustration picture {
    position: absolute;
    bottom: 0;
    z-index: 2 !important;
    pointer-events: none !important;
    width: 100%;  
    max-width: 1920px;
}


  body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] .hero-veg-illustration {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw !important;
    margin-left: calc(50% - 50vw);
    position: relative;
  }
body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] .brand-herobanner {
    position: relative;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}


  body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] > * {
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  
  body[data-page-id="cmsitem_00391034"] .fd-hero__video-frame {
    display: grid;
    justify-content: center;
    align-content: center;
    align-items: center;R
    justify-items: center;

    &>* {
      grid-column: 1;
      grid-row: 1;
      margin: auto !important;
    }
  }

  body[data-page-id="cmsitem_00391034"] .fd-hero__video-frame {
    max-width: 900px;
    margin: 0 auto;
}
  body[data-page-id="cmsitem_00391034"] .fd-hero__video-frame img {
    width: 100%;
    max-width: 900px;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] video {
    max-width: 670px;
    background-color: black;
  }


@media only screen and (max-width: 1024px) {
    body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] video {
        max-width: unset;
        width: 75%;
    }
}

  body[data-page-id="cmsitem_00391034"] [data-amplience-id="1e62860b-7013-49be-9af0-86a2c3abab4e"] .amp-video.amp-video-partial {
    text-align: center;
    z-index: 1 !important;
  }

/* #endregion */


/* #region - Remove split block border and shadow */

/* #region - British Produce */
body[data-page-id="cmsitem_00391034"] [data-amplience-id="eef11392-876c-4a5d-91cd-b276255248f2"] .amp-splitblock span {
  background-color: unset;
  margin-bottom: 0;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="eef11392-876c-4a5d-91cd-b276255248f2"] .amp-splitblock .amp-splitblock__column .amp-splitblock__text {
  padding: 0 40px !important;
}

@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="eef11392-876c-4a5d-91cd-b276255248f2"] .amp-splitblock .amp-splitblock__column .amp-splitblock__text
  {
padding: 20px 0px !important;
}
}

/* #endregion */


/* #region - Experts from field to fork */

body[data-page-id="cmsitem_00391034"] .fd-arrow svg {
    max-width: 612px;
    margin: 0  auto;
    display: block;
}


@media only screen and (max-width: 1200px) {
    body[data-page-id="cmsitem_00391034"] .fd-arrow svg{
        max-width: unset;
      width: 50% !important;
    }
}


@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-text .fd-arrow {
    display: none;
  }
}


body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-text:first-of-type  {
  margin-bottom: 31px !important;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] h2 {
  color: white !important;
}

@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock {
    flex-direction: column !important;
    text-align: center;
  }
}


body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] {
  position: relative;
  padding: var(--padding-tb-divider);
  color: white;
}
body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"]::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--color-fd-dark);
  color: white !important;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
    body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock .amp-splitblock__column .amp-splitblock__text
    {
  padding: 20px 0px !important;
      }
}


/* #region - Remove split block border and shadow */

body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock span {
  background-color: unset;
  margin-bottom: 0;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock__text {
  padding: 40px;
}

@media only screen and (max-width: 767px) {
  .amp-splitblock__text {
    padding: 20px !important;
  }
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock.amp-splitblock.split--50-50 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock.amp-splitblock.split-- {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock.split--50-50,
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock.split-- {
    flex-direction: column-reverse;
  }
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock .amp-splitblock__column--left {
  align-self: center; /* Aligns the left column to the bottom */
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="60498280-d03a-4697-85cb-59d65af59cd1"] .amp-splitblock .amp-splitblock__column--right {
  display: flex;
  align-items: center; /* Centers the content vertically */
  justify-content: center; /* Centers the content horizontally */
}

/* #endregion */

/* #endregion */

/* #endregion */

/* #region - Adjust Splitblock styling */

body[data-page-id="cmsitem_00391034"] .amp-splitblock__text {
  padding: 40px;
}

/* #endregion */

/* #region - image Splitlbock styling */
body[data-page-id="cmsitem_00391034"] [data-amplience-id="19d1dde7-b7b9-4814-ab2b-6effe451e252"] .amp-splitblock__media {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}


/* #region - video Splitlbock styling */

/* Splitblock 100% video height cover. */
body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] .amp-splitblock.split--,
body[data-page-id="cmsitem_00391034"] [data-amplience-id="19d1dde7-b7b9-4814-ab2b-6effe451e252"] .amp-splitblock.split-- {
  display: flex;
  flex-direction: row-reverse;
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] .amp-splitblock.split--50-50,
body[data-page-id="cmsitem_00391034"] [data-amplience-id="19d1dde7-b7b9-4814-ab2b-6effe451e252"] .amp-splitblock.split--50-50 {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  justify-content: center;
  align-content: center;
}

@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] .amp-splitblock.split--,
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] .amp-splitblock.split--50-50,
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="19d1dde7-b7b9-4814-ab2b-6effe451e252"] .amp-splitblock.split--,
  body[data-page-id="cmsitem_00391034"] [data-amplience-id="19d1dde7-b7b9-4814-ab2b-6effe451e252"] .amp-splitblock.split--50-50 {
    display: unset;
  }
}

body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] .amp-splitblock__media,
body[data-page-id="cmsitem_00391034"] [data-amplience-id="19d1dde7-b7b9-4814-ab2b-6effe451e252"] .amp-splitblock__media {
  object-fit: cover;
  height: 100%;
}
body[data-page-id="cmsitem_00391034"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] .amp-splitblock__media .amp-video.amp-video-partial,
body[data-page-id="cmsitem_00391034"] [data-amplience-id="19d1dde7-b7b9-4814-ab2b-6effe451e252"] .amp-splitblock__media .amp-video.amp-video-partial {
  height: 100%;
  background-color: black; /* Set background color to black */
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}

/* #endregion */