/* #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_00391000"] {
  --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_00391000"] {
    --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_00391000"] {
    --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_00391000"] {
      --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 */

/* Turn off margin-bottom for text blocks */
body[data-page-id="cmsitem_00391000"] app-amplience .amp-text {
  margin-bottom: 0;
}

body[data-page-id="cmsitem_00391000"] app-amplience .amp__heading *,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-text__body h1,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-text__body h2,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-text__body h3,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-splitblock__text h1,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-splitblock__text h2,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-splitblock__text h3,
body[data-page-id="cmsitem_00391000"] app-amplience .amp__heading-text{
  font-family: var(--font-fd-heading) !important;
  font-weight: 700 !important;
}

body[data-page-id="cmsitem_00391000"] app-amplience h1,
body[data-page-id="cmsitem_00391000"] app-amplience h2,
body[data-page-id="cmsitem_00391000"] app-amplience h3,
body[data-page-id="cmsitem_00391000"] app-amplience h4,
body[data-page-id="cmsitem_00391000"] 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_00391000"] app-amplience p {
  font-family: var(--font-fd-body) !important;
  font-size: var(--font-fd-size-base);
}


body[data-page-id="cmsitem_00391000"] app-amplience h1 {
  font-size: var(--font-fd-size-xxl) !important;
}
body[data-page-id="cmsitem_00391000"] app-amplience h2 {
  font-size: var(--font-fd-size-xl) !important;
}
body[data-page-id="cmsitem_00391000"] app-amplience h3 {
  font-size: var(--font-fd-size-lg) !important;
}

/* Remove borders from headers */
body[data-page-id="cmsitem_00391000"] app-amplience h1::after,
body[data-page-id="cmsitem_00391000"] app-amplience h2::after,
body[data-page-id="cmsitem_00391000"] app-amplience h3::after {
  display: none !important;
}

/* #endregion */

/* #region - Hide Breadcrumbs */

body[data-page-id="cmsitem_00391000"] benefit-bar,
.benefits-bar{
  margin-bottom: 0 !important;
}
body[data-page-id="cmsitem_00391000"] cx-breadcrumb {
  display: none !important;
}

body[data-page-id="cmsitem_00391000"] brakes-amplience-default.amp-codeblock {
    display: none;
}
/* #endregion */


body[data-page-id="cmsitem_00391000"] .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_00391000"] .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_00391000"] 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_00391000"] .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_00391000"] .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_00391000"] .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_00391000"] .amp-cardlist.row.amp-cardlist--50-50 .col-xs-12.col-sm-6 {
    width:16.66666666666667%;
    }
}

body[data-page-id="cmsitem_00391000"] .amp-card {
    display: flex;
    flex-direction: column;
}

body[data-page-id="cmsitem_00391000"] .amp-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
 }


body[data-page-id="cmsitem_00391000"] .amp-cardlist.row.amp-cardlist--50-50 {
    background: var(--color-fd-dark);
    padding: 20px 10px !important;
    margin: 0 !important;
}

body[data-page-id="cmsitem_00391000"] .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_00391000"] .amp-card a:hover{
    text-decoration: none;
}

body[data-page-id="cmsitem_00391000"] .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_00391000"] .amp-card__content {
    padding: 0 !important;
}

body[data-page-id="cmsitem_00391000"] .amp-card .amp-card__content button.amp-card__cta.amp-card__cta--type-primary {
    margin-top: 10px;
}

body[data-page-id="cmsitem_00391000"] .amp-card .amp-card__content button.amp-card__cta {
    width: 100% !important;
}


@media only screen and (max-width: 1023px) {
body[data-page-id="cmsitem_00391000"] .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_00391000"] .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_00391000"] .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_00391000"] .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_00391000"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] h2 {
  color: inherit;
  font-size: var(--font-fd-size-xxxl) !important;
}

body[data-page-id="cmsitem_00391000"] [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_00391000"] .cloud-veg-image {
  display: grid;
   justify-content: center;
  & > * {
  grid-column: 1;
  grid-row: 1;
  margin: auto !important;
  }
}

body[data-page-id="cmsitem_00391000"] .cloud-veg-image img {
width: 100%;
max-width: 300px;
}


body[data-page-id="cmsitem_00391000"] [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_00391000"] app-amplience .btn-primary,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-card__cta--type-primary,
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_00391000"] app-amplience .btn-secondary,
body[data-page-id="cmsitem_00391000"] 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_00391000"] app-amplience .amp-card__cta--type-primary,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-card__cta--type-secondary {
  border-radius: unset;
  cursor: pointer;
}


body[data-page-id="cmsitem_00391000"] app-amplience .btn-primary:active,
body[data-page-id="cmsitem_00391000"] app-amplience .btn-primary:hover,
body[data-page-id="cmsitem_00391000"] app-amplience .btn-secondary:active,
body[data-page-id="cmsitem_00391000"] app-amplience .btn-secondary:hover,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-card__cta--type-primary:active,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-card__cta--type-primary:hover,
body[data-page-id="cmsitem_00391000"] app-amplience .amp-card__cta--type-secondary:active,
body[data-page-id="cmsitem_00391000"] 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_00391000"] 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_00391000"] cx-add-to-cart .btn-primary:active,
body[data-page-id="cmsitem_00391000"] cx-add-to-cart .btn-primary:hover,
body[data-page-id="cmsitem_00391000"] cx-add-to-cart button.item-control:active,
body[data-page-id="cmsitem_00391000"] 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_00391000"] cx-add-to-cart .btn-primary {
  font-family: unset;
  font-weight: 400;
}

/* @media (min-width: 1240px) {
  body[data-page-id="cmsitem_00391000"] .cart__add-button {
    font-size: 18px;
    padding: 12px 8px;
  }
}
body[data-page-id="cmsitem_00391000"] .cart__add-button {
  font-size: 14px;
  padding: 4px 15px;
}
 */



/* #endregion */

body[data-page-id="cmsitem_00391000"] .js-amplienceSlot.container,
.product__listing.product__grid.js-plpTile.js-PromoEnabledList.container {
  clip-path: inset(0 -100vmax);
  transform: translateZ(0);
  /* Fallback for older browsers */
  -webkit-transform: translateZ(0); /* Safari and older iOS */
  -moz-transform: translateZ(0); /* Firefox */
  -ms-transform: translateZ(0); /* Internet Explorer */
  -o-transform: translateZ(0); /* Opera */
  /* Optional: Use will-change for better performance */
  will-change: transform;
}

/* body[data-page-id="cmsitem_00391000"] .amp-text {
  color: inherit;
}

body[data-page-id="cmsitem_00391000"] .amp__heading-text {
  color: inherit;
}
body[data-page-id="cmsitem_00391000"] .amp__heading {
  color: inherit;
}
 */
body[data-page-id="cmsitem_00391000"] .amp-splitblock span{
  border: unset !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}


body[data-page-id="cmsitem_00391000"] brakes-product-tile cx-product-grid-item {
background: white;
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] {
  position: relative;
  padding-top: 20px;
}
body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"]::before,
body[data-page-id="cmsitem_00391000"] brakes-product-tile::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--color-fd-yellow);
  z-index: -1;
}


body[data-page-id="cmsitem_00391000"] [data-amplience-id="3bad6158-a67b-4149-a8bd-ae3bc4275e8e"] {
  position: relative;
  padding: var(--padding-tb-divider);
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="3bad6158-a67b-4149-a8bd-ae3bc4275e8e"] brakes-amplience-default .amp-text__body h2{
  color: white !important;
  font-size: var(--font-fd-size-xxxl) !important;
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="3bad6158-a67b-4149-a8bd-ae3bc4275e8e"]::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--color-fd-dark);
  z-index: -1;
}


body[data-page-id="cmsitem_00391000"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"] {
  position: relative;
  padding: var(--padding-tb-divider);
}


body[data-page-id="cmsitem_00391000"] [data-amplience-id="8332aef9-8a0a-4ed7-9327-479de611cb0d"]::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--color-fd-sky-blue);
  z-index: -1;
}


body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] {
  padding: var(--padding-tb-divider);
}


body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"] {
  position: relative;
  padding: var(--padding-tb-divider);
}


body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"]::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--color-fd-grey);
  z-index: -1;
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="93daacc7-075e-4cfa-b338-80ac3af5914d"] {
  padding: var(--padding-tb-divider);
}

/* #endregion */

/* #region - Remove split block border and shadow */

/* #region - Freshly picked for you */
body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock span {
  background-color: unset;
  margin-bottom: 0;
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock .amp-splitblock__column .amp-splitblock__text {
  padding: 0 0 0 20px !important;
}

/* body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock.amp-splitblock__column--left .amp-splitblock__text {
  padding: 0;
  padding-right: 20px;
}
body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock.amp-splitblock__column--right .amp-splitblock__text {
  padding: 0;
  padding-left: 20px;
} */


body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock.split--50-50 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock.split--50-50 span {
    flex-direction: column-reverse;
  }
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock .amp-splitblock__column--left {
  align-self: flex-end; /* Aligns the left column to the bottom */
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="fcaeee34-6605-43dc-a415-da2a90ec04ff"] .amp-splitblock .amp-splitblock__column--right {
  display: flex;
  align-items: center; /* Centers the content vertically */
  justify-content: center; /* Centers the content horizontally */
}

/* #endregion */


/* #region - Weekly crop report */
body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .amp-splitblock span{
  background-color: unset;
  margin-bottom: 0;
}
body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .amp-splitblock__column.amp-splitblock__column--text{
  padding: 0 20px 0 0 ;
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .amp-splitblock__column {
  display: flex;
  align-items: center; /* Centers the content vertically */
  justify-content: center; /* Centers the content horizontally */
  flex-direction: row;
  align-content: center;
}
/* #endregion */

/* #region - Seasonality calendar */
body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"] .amp-splitblock span {
  background-color: unset;
  margin-bottom: 0;
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"]  .amp-splitblock__column.amp-splitblock__column--text {
  padding: 0 0 0 20px;
}

body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"] .amp-splitblock__column {
  display: flex;
  align-items: center; /* Centers the content vertically */
  justify-content: center; /* Centers the content horizontally */
  flex-direction: row-reverse;
  align-content: center;
}

/* #endregion */

@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .amp-splitblock,
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"] .amp-splitblock {
    padding: 20px 0
  }
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .fd-sub-heading,
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"] .fd-sub-heading {
    font-size: var(--font-size-base) !important;
  }
  
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .amp-call-to-action,
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"]  .amp-call-to-action {
      justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .amp-splitblock__text,
  body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"] .amp-splitblock__text  {
    padding: 20px 0px !important;
  }
}


@media only screen and (max-width: 767px) {
body[data-page-id="cmsitem_00391000"] [data-amplience-id="f715c844-66d0-4c1e-9344-b70aa6ece3ac"] .amp-splitblock,
    body[data-page-id="cmsitem_00391000"] [data-amplience-id="28c5451a-fc94-4805-991b-281d33011d34"] .amp-splitblock {
  flex-direction: column !important;
  text-align: center;
}
}

/* #endregion */