/* CSS for Piercing locations ONLY - DO NOT EDIT */

/*@font-face {
  font-family: KGBlankSpaceSolid;
  src: url(https://www.claires.com/on/demandware.static/-/Library-Sites-claires-library/default/dw603a34fa/homepage-images/FY2021/new-page-2021/KGBlankSpaceSolid.ttf);
}*/

/*@import url('https://fonts.googleapis.com/css2?family=Qahiri&display=swap');*/

/*h1 {
  font-family: KGBlankSpaceSolid;
  font-family: 'Qahiri', sans-serif;
}*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap');


:root{
  --vw:1vw;
}
@media only screen and (min-width:90em){
  :root{
    --vw:1440px/100;
  }
}


.signup-btn, .submit-btn, .google-btn {
    background-color: rgb(91 64 153) !important;
    border-radius: 25px !important;
    border-radius: 1.55941em !important;
    background: #9358F3 !important;
    color: white !important;
    text-transform: uppercase !important;
}

.signup-btn:active, .public-theme-black .signup-btn:focus, .public-theme-black .signup-btn:hover, .public-theme-black .submit-btn:active, .public-theme-black .submit-btn:focus, .public-theme-black .submit-btn:hover, .public-theme-white .signup-btn:active, .public-theme-white .signup-btn:focus, .public-theme-white .signup-btn:hover, .public-theme-white .submit-btn:active, .public-theme-white .submit-btn:focus, .public-theme-white .submit-btn:hover {
    background-color: rgb(91 64 153) !important;
    background: rgb(91 64 153) !important;
}

markdown span {
    font-weight: 500 !important;
    /*font-style: italic !important;*/
    color: #0072CE !important;
    /*font-size: 30px;*/
}

markdown div {
  display:flex !important;
  align-items: center !important;
  justify-content: center !important;
}

welcome .waitwhilelogo {
     margin-bottom: 0 !important;
}


/*JD Additions from Waitwhile (with some updates)*/
public-waitlist .public h1,
public-waitlist .public .font-welcome-sub,
welcome .public h1,
welcome .public .font-welcome-sub,
public-waitlist .no-content {
  color: white;
}
{
  color: white;
}

welcome .public,
public-waitlist .public {
background-size: cover;
background-position: top;
background-color: #305289 !important;
 
}

@media only screen and (max-width: 1080px) {
  welcome .public,
  public-waitlist .public  {
        
}
}


.public-submit-btn {
  display: none;
}


public-waitlist .slno,
public-waitlist .pw-guest-name {
  text-transform: uppercase;
  font-size: 7vmin !important;
  line-height: 8vmin;
}

@media only screen and (min-width: 1600px) {
public-waitlist .defaultColumnWrap .public h1 {
      font-size: 8vmin !important;
    }   
}
@media only screen and (max-width: 1600px) {
    public-waitlist .defaultColumnWrap .public h1 {
    font-size: 5vmin !important;
  }  
}

.public-waitlist .alert-div { background: #0C2340 !important; }
.public-waitlist .waitlist-contents .wait-time { font-size: 4vmin !important; }

@media only screen and (min-width: 1024px) {
    public-waitlist .isSingleColumn {     
        min-width: 70% !important; 
    }
}

.fullscreen-wrap { display: none !important; }

/*JD Overwrites*/
.container-ww .setww_001 .custom-btn {
  margin: 0 auto !important;
  padding: 0 !important;
}

.container-ww .setww_001 .google-btn, .signup-btn {
  /*width: 100% !important;*/
  margin-top: 0 !important;
  max-width: 100%
}

@media screen and (max-width: 767.98px){
  .container-ww .setww_001 {
    /*height: calc(50% - 30px) !important;*/
  }

  .container-ww .setww_001 markdown h1 {
    font-size: 32px !important;
  }
}

/*Select a date & time page*/
.date-selection .active {
  background: #553d94 !important;
  border-color: #553d94 !important;
}


/*PAGE 1*/
/*Welcome Page*/

welcome .container-ww .row {
  height: 100vh !important;
}


.text-danger.invalid-feedback.ng-star-inserted { display: none !important; }

/* March 3, 2022 - JD Edits - Start */

welcome .public {
  background-image: url(https://www.claires.com/on/demandware.static/-/Library-Sites-claires-library/default/dwd1d3a2e8/landing-pages/waitwhile/august-2023/pierced-waitwhile-image-desktop.jpg) !important;
  background-color: #ffffff !important;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position-y: 0;
  background-position-x: 100%;
}

welcome markdown h1, welcome markdown p, welcome markdown span {
  color: #000000 !important;
  font-family: Poppins;
}

welcome markdown p {
  display: flex;
  flex-direction: column;
  margin-bottom: 14%;
}
welcome markdown p strong:nth-child(1) {
  font-size: calc(var(--vw)*2) !important;
  font-weight: 500;
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #000000;
  line-height: 2;
  margin: 3% 0;
}
welcome markdown p strong:nth-child(1) span {
  padding: 0 4%;
  text-transform: uppercase;
}
welcome markdown p strong:nth-child(1):before {
  border-top: 1px solid red;
}
welcome markdown p strong:nth-child(2) {
  font-size: calc(var(--vw)*2.36533);
}
welcome .setww_001 {
  height: auto !important;
  width: 45% !important;
  padding: calc(28vh - 128px) 6.5% 0 6.5%;
}
welcome .setww_001 .ng-tns-c157-0:nth-child(2) {
  width: 100%;
  padding: 0 10%;
}
welcome .waitwhilelogo img {
  margin-bottom: 8% !important;
  max-width: 290px !important;
}

welcome .container-ww .row {
  justify-content: flex-start !important;
  /*width: 45%;*/
}

welcome .custom-btn .ng-star-inserted:nth-child(1) {
  display: none;
}

welcome .google-btn {
  font-family: Poppins;
  letter-spacing: .05em;
  /*max-width: 335px;*/
  border: none !important;
  font-size: calc(var(--vw)*1.3) !important;
  line-height: 1;
  padding: 1.14504em !important;
  min-width: 0;
  min-height: 0 !important;
  width: width: calc(var(--vw)*21);
}

@media screen and (min-width: 993px) {
  welcome .container-ww .setww_001 markdown h1 {
    font-size: calc(var(--vw)*3) !important;
  }
  welcome .waitwhilelogo img {
    width: calc(var(--vw)*30);
  }
}

@media screen and (max-width: 992px) {
  welcome .container-ww .row {
    height: auto !important;
  }

  welcome .setww_001 {
    width: 100% !important;
    max-width: 100%;
    flex: auto;
    padding: 10vw 0 0 0 !important;
    top: -128px;
  }
  welcome .setww_001:after {
    content: "";
    display: block;
    background: url(https://www.claires.com/on/demandware.static/-/Library-Sites-claires-library/default/dwd1d3a2e8/landing-pages/waitwhile/august-2023/pierced-waitwhile-image-mobile.jpg) no-repeat;
    width: 100%;
    height: calc(var(--vw)*85);
    background-size: contain;
    background-position-x: 100%;
    top: 8%;
    position: relative;
  }
  welcome .container-ww .setww_001 markdown h1 { 
    font-size: calc(var(--vw)*4) !important; 
    margin-bottom: 8% !important; 
  } 
  welcome markdown p {
    width: calc(var(--vw)*75);
    margin: 0 auto 8% auto;
  }
  welcome markdown p strong:nth-child(1) {
    font-size: calc(var(--vw)*4) !important;
    margin-bottom: 6.5%;
  }

  welcome markdown p strong:nth-child(1) span {
    font-size: calc(var(--vw)*3) !important;
  }
  welcome markdown p strong:nth-child(2) {
    font-size: calc(var(--vw)*4.5);
  }
  welcome .public {
    /*background-image: url(https://www.claires.com/on/demandware.static/-/Library-Sites-claires-library/default/dwd1d3a2e8/landing-pages/waitwhile/march-2022/banner_hero__bm_mobile.png) !important;*/
    background-image: none!important;
    background-size: calc(var(--vw)*74.5); 
    background-position-y: calc(var(--vw)*56); 
    background-position-x: 50%;
  }
  welcome .custom-btn {
    align-items: center !important; 
  }
  welcome .custom-btn:after { 
    /*content: "";
    background: url(https://www.claires.com/on/demandware.static/-/Library-Sites-claires-library/default/dwd1d3a2e8/landing-pages/waitwhile/march-2022/banner_hero__bm_mobile.png) no-repeat;
    width: 82%;
    height: 35px;
    background-size: contain;
    background-position-x: 50%;*/
  }
  welcome .google-btn {
    font-size: calc(var(--vw)*1.8) !important;
    width: calc(var(--vw)*30) !important;
    line-height: 1.2;
    padding: 1.6vw 3.2vw 1.5vw 3.2vw !important;
    min-height: 0 !important;
  }
  welcome .waitwhilelogo {
    width: calc(var(--vw)*32);
    margin: 0 auto 3% auto !important;
  }
  welcome .waitwhilelogo img {
    margin-bottom: 5% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

}

@media screen and (max-width: 767.98px){
  welcome .waitwhilelogo {
    width: calc(var(--vw)*45);
  }
  welcome markdown p strong:nth-child(1) span {
    font-size: calc(var(--vw)*4) !important;
  }
  welcome markdown p strong:nth-child(2) {
    font-size: calc(var(--vw)*6);
  }
  welcome .google-btn {
    font-size: calc(var(--vw)*2.8) !important;
    width: calc(var(--vw)*50) !important;
    padding: 2.6vw 3.2vw 2.5vw 3.2vw !important;
  }

  welcome .setww_001 {
    top: -89px;
  }
  welcome .setww_001:after {
    height: calc(var(--vw)*107);
    background-position-x: 100%;
  }
  welcome .primary-btn {
    font-size: calc(var(--vw)*2.6) !important;
    padding: 1.5vw 5vw !important;
  }
}
/* March 3, 2022 - JD Edits - End */

#waitingElm, #join-waitlist-1 { display: none !important; }