
body[data-node-id=user] {
	section.sn-content {
    #block-userprofile{
      .user-container{
        padding: 9rem 0 0;

        transition: padding .5s var(--ease);
        &.dining-padding{
          padding-top: 12rem;
        }
        &.inquiry-padding{
          padding-top: 37rem;
        }
        .user-content{
          display: grid;
          grid-template-columns: 1fr 1fr;
          padding: 1rem 2rem;
          margin: 0 auto;
          width: calc(100% - 4rem);
          max-width: calc(1200px - 4rem);
          // background-color: var(--primary);
          // background-color: $solaire-gray;
          transition: padding-top .5s var(--ease);

          h2{
            margin-bottom: 0;
            grid-column-start: 1;
            grid-column-end: span 2;
            text-align: center;
            font-weight: 400;
            span{
              color: #fff;
              font-weight: 700;
            }
          }
          
          p{
            // display: flex;
            display: none;
            align-items: center;
            font-size: 1.2rem;
            font-weight: 700;
            color: #fff;
          }
          ul{
            display: none;
            padding: 0;
            margin: 0;
            li{
              display: flex;
              align-items: center;
              gap:.5rem;
              margin: 0;
              padding: .5rem 1rem;
              list-style: none;
              color: #fff;
              span.no,
                span.yes{
                  display: inline-block;
                  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.0609 2.56066C19.6467 1.97487 19.6467 1.02513 19.0609 0.43934C18.4751 -0.146447 17.5254 -0.146447 16.9396 0.43934L9.75023 7.62868L3.06089 0.939341C2.4751 0.353554 1.52535 0.353554 0.939568 0.939341C0.353781 1.52513 0.353781 2.47487 0.939568 3.06066L7.62891 9.75L0.939569 16.4393C0.353782 17.0251 0.353782 17.9749 0.939569 18.5607C1.52535 19.1464 2.4751 19.1464 3.06089 18.5607L9.75023 11.8713L16.9396 19.0607C17.5254 19.6464 18.4751 19.6464 19.0609 19.0607C19.6467 18.4749 19.6467 17.5251 19.0609 16.9393L11.8715 9.75L19.0609 2.56066Z" fill="white"/></svg>');
                  background-size: 50%;
                  background-repeat: no-repeat;
                  background-position: center;
                  background-color: rgb(161, 0, 0);
                  border-radius: 100vmax;
                  width: 1rem;
                  height: 1rem;
                }
                span.yes{
                 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="16" viewBox="0 0 19 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0607 0.93934C18.6464 1.52513 18.6464 2.47487 18.0607 3.06066L6 15.1213L0.93934 10.0607C0.353553 9.47487 0.353553 8.52513 0.93934 7.93934C1.52513 7.35355 2.47487 7.35355 3.06066 7.93934L6 10.8787L15.9393 0.93934C16.5251 0.353553 17.4749 0.353553 18.0607 0.93934Z" fill="white"/></svg>');
                  background-color: rgb(0, 134, 90);
                }
                a{
                  font-size: .8rem;
                  color:#aaa;
                  text-transform: uppercase;
                }
            }
          }

          .sn-btn{
            margin-left: .5rem;
            padding: .25rem .5rem;
            font-size: .8rem;
            width: auto;
            max-width: initial;
            color: #fff;
            &:hover{
              color: var(--primary);
            }
            &.large{
              padding: 1rem 2rem;
              font-size: 1rem;
            }
          }

          .security-info{
            padding-left: 1rem;
            border-left: solid 2px #333;
          }
          &.no-user{
            display:flex;
            align-items: center;
            justify-content: center;
            gap:1rem;
          } 
        }
      }
    }
    #block-solaire-content{
      h2{
        display: none;
      }
      .promoted{
        padding:2rem 1rem 2rem;
      }
    }
  }
}