.product-details {
  margin: var(--site-spacing_lg);
  border-radius: var(--base-border-radius);
  display: flex;
  position: relative; }

.product-details .product-info .button-information {
  display: inline-block;
  flex-direction: column; }

.recipe-details .recipe-info,
.product-details .product-info {
  padding: calc(var(--pc-spacing_lg) * 2) var(--pc-spacing_lg);
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.product-details .product-info .modal .modal-dialog {
  display: flex;
  justify-content: center; }

.product-details .product-info .modal .modal-dialog .modal-content {
  width: auto; }

.product-details .product-info .modal::before {
  display: none; }

.product-details .product-info .modal .btn:hover {
  background: rgba(var(--c4-btn-bg-color2), 1); }

.product-details .product-info .modal .modal-dialog img {
  max-width: 100%;
  max-height: 70vh; }

.product-details .product-info .button-container {
  display: flex;
  flex-direction: column; }

.recipe-details .recipe-info .icon,
.recipe-details .recipe-info .image,
.product-details .product-info .button-container,
.product-details .product-info .image,
.product-details .product-info .icon {
  margin-bottom: var(--site-spacing_lg); }

.recipe-details .recipe-info img,
.product-details .product-info img {
  border-radius: 0;
  max-width: 150px; }

.recipe-details .recipe-info .icon img,
.product-details .product-info .icon img {
  border-radius: 0;
  max-width: 70px;
  margin-top: var(--site-spacing_sm); }

.recipe-details .recipe-info p,
.product-details .product-info p {
  margin-top: 0; }

.recipe-details .recipe-info .intro,
.product-details .product-info .intro {
  margin-bottom: 0; }

.recipe-content {
  border-radius: var(--base-border-radius);
  position: relative;
  padding: 0; }

.recipe-details {
  display: flex; }

.recipe-images {
  padding: var(--pc-spacing_lg) calc(var(--pc-spacing_lg) * 1.5); }

.recipe-images section.usn_cmp_gallery {
  margin: 0;
  padding-left: 0;
  padding-right: 0; }

.recipe-images h6::after {
  background: rgba(var(--c6-heading), 1);
  height: 4px;
  width: 50px; }

section.recipe-page {
  border-radius: var(--base-border-radius);
  margin: var(--site-spacing_lg);
  padding-bottom: 0 !important; }

.meal-component .modal .modal-header {
  border: 0 !important; }

section.recipe-page .recipe-images h6 {
  margin-bottom: 48px;
  padding: 0 15px; }

@media (min-width: 1200px) {
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding: 90px 74px; } }

@media (max-width: 992px) {
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding-left: var(--pc-spacing_sm);
    padding-right: var(--pc-spacing_sm); }
  .recipe-images {
    padding: var(--pc-spacing_lg); } }

@media (max-width: 767px) {
  .meal-component {
    max-width: 100%;
    padding: 0; }
  section.recipe-page {
    border-radius: var(--base-border-radius);
    margin: 0; }
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding: var(--pc-spacing_sm); }
  .recipe-details,
  .product-details {
    display: block;
    margin: var(--site-spacing_lg) 0;
    padding: var(--site-spacing_lg) 0; }
  .recipe-content {
    margin: 0;
    max-width: 100%;
    padding: var(--site-spacing_sm) 0; } }

@media (max-width: 575px) {
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding: 0; }
  .recipe-details,
  .product-details {
    padding: 0; }
  .recipe-images {
    padding: 15px; } }

.usn_cmp_locationsearch {
  padding-bottom: 15px !important; }

.location-container .location-row {
  margin-bottom: 32px; }

.location-container .location-map .dapth-map {
  border: 1px solid #d6d6d6;
  height: 650px;
  width: 100%;
  border-radius: 10px; }
  @media (max-width: 767px) {
    .location-container .location-map .dapth-map {
      margin-top: var(--site-spacing_sm);
      border-radius: 0px; } }
  .location-container .location-map .dapth-map * {
    border-radius: 0 !important;
    border: none !important; }

@media (max-width: 767px) {
  .location-container .location-map {
    padding: 0px; } }

.location-container .location-scroll {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .location-container .location-scroll .location-scroll .col-12 {
    padding-left: 0;
    padding-right: 0; }
  .location-container .location-scroll .location-scroller {
    padding: 0;
    overflow-y: scroll;
    height: 650px; }
    .location-container .location-scroll .location-scroller .location:first-of-type {
      border-top: 0 solid black; }
    .location-container .location-scroll .location-scroller .location {
      padding: var(--site-spacing_lg);
      padding-bottom: var(--site-spacing_sm);
      border-bottom: 1px solid black;
      margin-right: 16px; }
      .location-container .location-scroll .location-scroller .location:hover {
        cursor: pointer;
        background: #e3e3ee; }
      .location-container .location-scroll .location-scroller .location .location-name {
        font-weight: 700;
        font-size: 18px; }
      @media (max-width: 992px) {
        .location-container .location-scroll .location-scroller .location {
          margin-left: 48px; } }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar {
    width: 10px; }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar-track {
    background: #ddd; }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar-thumb {
    background: rgba(var(--c4-secondary-heading), 1); }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--c4-secondary-heading), 0.9); }

.location-container .location-search-bar {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .location-container .location-search-bar .location-search-heading {
    font-family: var(--h1-typography_font-name);
    font-weight: var(--h1-typography_font-weight);
    font-size: 18px;
    text-transform: uppercase;
    margin: 0; }
  .location-container .location-search-bar .sortpostcode {
    border-radius: 8px;
    padding: var(--site-spacing_sm);
    border: 2px solid rgba(0, 0, 0, 0.3);
    width: 90%;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none; }
    @media (max-width: 1200px) {
      .location-container .location-search-bar .sortpostcode {
        width: 75%; } }
    @media (max-width: 767px) {
      .location-container .location-search-bar .sortpostcode {
        width: 100%; } }
  .location-container .location-search-bar .input-button {
    padding: var(--pc-spacing_md) calc(var(--pc-spacing_md) * 2);
    margin: 0;
    border-radius: 12px;
    position: absolute;
    right: -100px;
    top: -4px;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none; }
    @media (max-width: 1200px) {
      .location-container .location-search-bar .input-button {
        position: relative;
        right: -10px;
        top: -15px; } }
    @media (max-width: 992px) {
      .location-container .location-search-bar .input-button {
        position: relative;
        right: -10px;
        top: -2px;
        padding: var(--site-spacing_sm) var(--site-spacing_lg); } }
    @media (max-width: 767px) {
      .location-container .location-search-bar .input-button {
        width: 100%;
        top: 0;
        right: 0;
        margin-top: 6px; } }

@media (max-width: 757px) {
  .location-container {
    margin-top: 15px; } }

html.portal body {
  padding-bottom: 32px; }

html.portal header#site-header .navigation-portal-buttons {
  display: flex; }
  html.portal header#site-header .navigation-portal-buttons > a:not(:only-child) {
    margin-right: 12px; }

html.portal div#site {
  min-height: 100vh;
  height: fit-content; }
  html.portal div#site main#site-content .navigation-item {
    list-style-type: none; }
  html.portal div#site main#site-content .portal-dashboard {
    margin: 22px 28px 4px 28px; }
    @media (max-width: 992px) {
      html.portal div#site main#site-content .portal-dashboard {
        margin: 16px; } }
    html.portal div#site main#site-content .portal-dashboard .zinrelo {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 22px;
      margin-bottom: 22px;
      position: relative;
      z-index: 101; }
    html.portal div#site main#site-content .portal-dashboard #zrl_embed_div {
      height: 850px;
      width: 100%; }
      @media (max-width: 992px) {
        html.portal div#site main#site-content .portal-dashboard #zrl_embed_div {
          height: 750px; } }
      @media (max-width: 767px) {
        html.portal div#site main#site-content .portal-dashboard #zrl_embed_div {
          height: 625px; } }
      @media (max-width: 450px) {
        html.portal div#site main#site-content .portal-dashboard #zrl_embed_div {
          height: 550px; } }
    html.portal div#site main#site-content .portal-dashboard ul {
      margin: 0; }
      html.portal div#site main#site-content .portal-dashboard ul li form {
        display: flex;
        justify-content: end;
        align-content: center; }
        html.portal div#site main#site-content .portal-dashboard ul li form .logout-btn:active,
        html.portal div#site main#site-content .portal-dashboard ul li form .logout-btn:focus {
          color: rgba(var(--c4-btn-text-hover), 1);
          border-color: rgba(var(--c4-btn-borders-hover), 1);
          background: rgba(var(--c4-btn-borders), 1); }
  html.portal div#site main.standalone {
    background: #fff;
    z-index: 801;
    position: relative;
    border-radius: 16px;
    margin: 32px 32px 0px 32px; }
    html.portal div#site main.standalone .standalone-content .standalone-register .login-register:hover {
      border-color: rgba(var(--c4-btn-borders), 1) !important;
      color: rgba(var(--c4-btn-text), 1); }
    html.portal div#site main.standalone .standalone-content .standalone-register .content {
      padding: 0; }
    html.portal div#site main.standalone .standalone-content .standalone-register .container-fluid {
      padding: 0; }
      html.portal div#site main.standalone .standalone-content .standalone-register .container-fluid .inner {
        padding: 0; }
        html.portal div#site main.standalone .standalone-content .standalone-register .container-fluid .inner form {
          padding: 0; }
          html.portal div#site main.standalone .standalone-content .standalone-register .container-fluid .inner form .buttons {
            display: flex;
            justify-content: center;
            align-content: center;
            gap: 32px; }
            html.portal div#site main.standalone .standalone-content .standalone-register .container-fluid .inner form .buttons button {
              display: flex;
              justify-content: center;
              align-items: center;
              width: auto; }
    html.portal div#site main.standalone .standalone-content .validation-summary-errors,
    html.portal div#site main.standalone .standalone-content .registration-pending,
    html.portal div#site main.standalone .standalone-content .reset-success {
      margin-left: 32px;
      margin-right: 32px;
      margin-bottom: 1rem !important; }
      @media (max-width: 992px) {
        html.portal div#site main.standalone .standalone-content .validation-summary-errors,
        html.portal div#site main.standalone .standalone-content .registration-pending,
        html.portal div#site main.standalone .standalone-content .reset-success {
          margin-left: 16px;
          margin-right: 16px; } }
    html.portal div#site main.standalone .standalone-content form {
      padding-left: 32px;
      padding-right: 32px; }
      @media (max-width: 992px) {
        html.portal div#site main.standalone .standalone-content form {
          padding-left: 16px;
          padding-right: 16px; } }
      html.portal div#site main.standalone .standalone-content form label {
        display: none; }
    html.portal div#site main.standalone .standalone-content .forgotten-password .col-12 {
      padding-left: 32px;
      padding-right: 32px; }
      @media (max-width: 992px) {
        html.portal div#site main.standalone .standalone-content .forgotten-password .col-12 {
          padding-left: 16px;
          padding-right: 16px; } }
    html.portal div#site main.standalone .standalone-content .forgotten-password #forgottenFields.collapsed-content {
      overflow: hidden;
      max-height: 0;
      transition: max-height 0.4s ease; }
    html.portal div#site main.standalone .standalone-content .forgotten-password #forgottenFields.collapsed-content.show {
      max-height: 300px; }
    @media (max-width: 575.5px) {
      html.portal div#site main.standalone .standalone-content .forgotten-password .col-12 {
        justify-content: center !important; } }
    html.portal div#site main.standalone .standalone-content .forgotten-password .col-12 .btn:active,
    html.portal div#site main.standalone .standalone-content .forgotten-password .col-12 .btn:focus {
      color: rgba(var(--c4-btn-text-hover), 1);
      border-color: rgba(var(--c4-btn-borders-hover), 1);
      background: rgba(var(--c4-btn-borders), 1); }