/* 265px Navigation width*/
/* HTML data-admin-toolbar="collapsed" todo use this for small 73px wide navigation
.user-logged-in {

  .layout-builder__add-section + .layout-builder__section .block--block-content--type--content-slider:has(.content-slider-wrapper) {
    padding-left: calc(((100vw - 1320px) / 2) - 132.5px);
  }

}
*/
/* Logged in with Navigation enabled */
html[data-admin-toolbar="collapsed"] .user-logged-in .block--block-content--type--content-slider:has(.content-slider-wrapper) {
  padding-left: calc((100vw - 1323px) / 2);
}
html[data-admin-toolbar="expanded"] .user-logged-in .block--block-content--type--content-slider:has(.content-slider-wrapper) {
  padding-left: calc((100vw - 1515px) / 2);
}
/* Logged in with Navigation enabled on layout page */
/* body.page-node-type-spa-layout-builder */
html[data-admin-toolbar="collapsed"] .layout-builder__add-section + .layout-builder__section .block--block-content--type--content-slider:has(.content-slider-wrapper) {
  padding-left: calc((100vw - 1371px) / 2);
}
html[data-admin-toolbar="expanded"] .layout-builder__add-section + .layout-builder__section .block--block-content--type--content-slider:has(.content-slider-wrapper) {
  padding-left: calc((100vw - 1563px) / 2);
}

.block--block-content--type--content-slider:has(.content-slider-wrapper) {
  /*padding-left: calc((100vw - (1236px - 48px)) / 2); when padding is on other elements*/
  padding-left: calc((100vw - (1236px + 12px)) / 2); /* only need to push 1/2 a 1/2 */ /* todo: needs to include a 265px option */

  /* todo: remove ability to toggle h2 block title */
  > h2 {
    display: none;
    margin: 0;
  }
}

.content-slider__info_wrapper {
  display: grid;
  grid-template-columns: 350px 450px ;
  grid-template-rows: auto 48px;
  gap: 0!important;
}

.field--name-field-content-slider-strapline {
  font-size: 18px;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.field--name-field-content-slider-title {
  font-size: 40px;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  line-height: 1;

  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.field--name-field-content-slider-about {
  grid-column: 2 / 3;
  grid-row: 1 / 3;

  font-family: IBMPlexSans, sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

.viewsreference--view-title {
  display: none;
}



.content-slider-wrapper {
  display: flex;
  padding-left: 24px;

  /* Override Recipes Template . */
  margin-left: 0 !important;
  max-width: unset !important;
  /* Temp. to imitate Slider  todo: remove */
  width: 1500px;

  .view-content {
    gap: 24px;

    article {
      width: 352px;
      margin: 0;
    }
  }
}

.block--block-content--type--content-slider {
 /* Moved to view mode
 .node__content > :not(.field--name-field-media-image) {

    display: none;
  }

  /* article img override
  img {
    width: 100%;
    max-width: 100%;
    height: 522px;
    object-fit: cover;
  }
  */
}


@media only screen and (min-width: 1236px) {
  .content-slider-wrapper {
    padding-left: 0;
  }
}

.content-slider__info {
  width: 353px;
  min-width: 353px;
}

/* Entity Queue Solution */
.view-eating-tips-entity-queue > .contextual {
  z-index: 100001;
}

.view-eating-tips-entity-queue > .view-content > .views-row {
  max-width: unset;
  flex: 1 1 100%;

  .field--name-items {
    display: flex;
    gap: 24px;
  }

  .field__item {
    flex-basis: 100%;

    article {
      width: 300px
    }
  }
}