@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/GothamRnd-Book.woff') format('woff');
}

@font-face {
  font-family: 'GothamBook';
  src: url('assets/fonts/GothamRnd-Book.woff') format('woff');
}

@font-face {
  font-family: 'GothamBold';
  src: url('assets/fonts/GothamRnd-Bold.woff') format('woff');
}

@font-face {
  font-family: 'GothamHeavy';
  src: url('assets/fonts/GothamRnd-Heavy.woff') format('woff');
}

@font-face {
  font-family: 'DoppleProBold';
  src: url('assets/fonts/DoppleProBold.woff2') format('woff2'), url('assets/fonts/DoppleProBold.woff') format('woff');
}

.headerFont {
  font-family: 'GothamHeavy', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

body {
  font-family: 'GothamBook', Lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}


input {
  padding: 10px;
  background-color: #f9f9f8;
  border: 1px solid #554D50;
  border-radius: 25px;
  font-size: 1rem;
  box-sizing: border-box;
}

button,
input[type=submit] {
  background-color: #B1206E;
  color: #FFFFFF;
  font-family: 'GothamBold', sans-serif;
  text-transform: uppercase;
  border: none;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s;
}

button,
#loginForm input[type=submit] {
  margin: 40px 0 10px 0;
}

button:hover {
  background-color: #FE0196;
}

button,
#loginForm input[type=email] {
  margin: 10px 0 20px 0;
}

button,
input[type=password] {
  margin: 10px 0 0 0;
}

.passwordReset button,
input[type=submit] {
  margin: 25px 0;
}

select {
  padding: 10px;
  background-color: #f9f9f8;
  border: 1px solid #554D50;
  border-radius: 25px;
  font-size: 15px;
  margin-right: 20px;
  -webkit-appearance: none;
  appearance: none;
  color: #554D50;
}

.bodyFont {
  font-family: 'Gotham', Lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}

p {
  font-family: 'GothamBook', Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}

h1 {
  font-family: 'GothamHeavy', sans-serif;
  text-transform: uppercase;
}

h2 {
  font-family: 'GothamBold', sans-serif;
  margin-top: 16px;
  margin-bottom: 16px;
}

.dopple-pro-bold {
  font-family: 'DoppleProBold', sans-serif!important;
}

.register-form-container {
  position: relative;
  max-width: 400px;
  min-height: 560px;
  margin:auto;
}

.register-form-container .back-arrow {
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
}

.register-form-container .back-arrow .background {
  fill: #6D6367;
  transition: fill ease-in-out 0.3s;
}

.register-form-container .back-arrow:hover .background {
  fill: #FE0196;
}

.register-form-container a {
  font-family: 'Gotham', Lato, sans-serif;
  font-weight: 700;
  text-decoration: underline;
  color: #000000;
  transition: color 0.3s;
}

.register-form-container a:hover {
  color: #FE0196;
}

.register-form-container .radio-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  background-color: #F4F3F3;
  border-color: #554D50;
  border-radius: 25px;
  border-style: solid;
  border-width: 1px;
  padding: 8px;
  max-width: 300px;
}

.register-form-container .radio-group input[type=radio] {
  display: none;
}

.register-form-container .radio-group label {
  display: block;
  padding: 10px 20px;
  border-radius: 25px;
  background-color: #fff;
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

/*
.register-form-container .radio-group label:hover {
  background-color: #b1206e;
}
*/

.register-form-container .radio-group input[type=radio]:checked+label {
  background-color: #6D6367;
  color: #fff;
  cursor: default;
}

.register-form-container .content-page {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.register-form-container .content-page.active {
  opacity: 1;
  pointer-events: auto;
}

.register-form-container .content-page.hidden {
  display: none;
}

.register-form-container .form-section {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.register-form-container .form-section.active {
  opacity: 1;
  pointer-events: auto;
}

.register-form-container .error-sending {
  display: none;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  text-wrap: pretty;
  color: white;
  background-color: #f13a3a;
  font-family: 'GothamBold', Lato, sans-serif;
  font-weight: 400;
  position: absolute;
  top: 10px;
  left: 115px;
  width: 57%;
  padding: 10px;
  border-radius: 25px;
}

.register-form-container .error-sending.active {
  display: block;
}

.register-form-container form .form-group {
  margin-bottom: 35px;
  width: 100%;
}

.register-form-container form .form-group.checker {
  margin-bottom: 20px;
}

/*
.register-form-container form .form-group.small {
  width: 47%;
}
*/
.register-form-container form .form-group.checker {
  display: flex;
  direction: rtl;
  flex-flow: row;
  align-items: center;
}

.register-form-container form .form-group.checker label {
  text-align: left;
  line-height: 22px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
}

.register-form-container form .form-group label {
  display: block;
  margin-bottom: 5px;
  font-family: 'Gotham', Lato, sans-serif;
  font-weight: 400;
  font-size: 13px;
  font-style: normal;
  padding-left: 11px;
}

.register-form-container form .form-group input {
  width: calc(100% - 20px);
  padding: 10px;
  background-color: #f9f9f8;
  border: 1px solid #554D50;
  border-radius: 25px;
  font-size: 1rem;
}

.register-form-container form .form-group input:focus {
  outline: none;
  border-color: #FE0196;
}

.register-form-container form .form-group input.error-message {
  color: #B1206E;
  font-size: 0.875rem;
}

.register-form-container form .form-group input[type=checkbox] {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  cursor: pointer;
}

.register-form-container form .form-group input[type=checkbox]:checked {
  background-color: #FE0196;
  accent-color: #FE0196;
}

.register-form-container form .form-group select {
  width: 100%;
  padding: 10px;
  background-color: #f9f9f8;
  border: 1px solid #554D50;
  border-radius: 25px;
  font-size: 15px;
  margin-right: 20px;
  -webkit-appearance: none;
  appearance: none;
  color: #554D50;
}

.register-form-container form .form-group select:focus {
  outline: none;
  border-color: #FE0196;
}

.register-form-container form .form-group select option {
  color: #554D50;
}

.register-form-container form .form-group.select-wrapper {
  position: relative;
}

.register-form-container form .form-group.select-wrapper::after {
  content: "▼";
  font-size: 12px;
  top: 32px;
  right: 15px;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.register-form-container form .form-group .error-message {
  display: none;
}

.register-form-container form .form-group.error input {
  background-color: #FEEAEA;
  border: 1px solid #BE1212;
  color: #BE1212;
}

.register-form-container form .form-group.error .error-message {
  display: block;
  position: absolute;
  color: #BE1212;
  font-size: 13px;
  font-family: 'GothamBold', Lato, sans-serif;
  font-weight: 400;
  margin-left: 10px;
  padding: 5px 0 0 0;
}

.register-form-container form .form-group.error.checker label {
  color: #BE1212;
}

.register-form-container form .form-group.error.checker .error-message {
  position: absolute;
  left: 0;
  bottom: 0;
}

.register-form-container form .form-header {
  text-align: left;
  position: relative;
  width: 100%;
  height: 45px;
  top: 0;
}

.register-form-container form .form-header .back-arrow {
  width: 44px;
  height: 44px;
  cursor: pointer;
}

.register-form-container .form-footer {
  text-align: left;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.register-form-container .form-footer button {
  background-color: #B1206E;
  color: #FFFFFF;
  border: none;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.register-form-container .form-footer button:hover {
  background-color: #FE0196;
}

.register-form-container .icons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}

.register-form-container .icons .icon {
  width: 60px;
  height: 60px;
}

.register-form-container .icons .icon.sports-football {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP8SURBVHgB7ZpdUtswFEa/K9O0pS/pDsIKSlfQdAWlK2h4hLQzsALCCuhMCTySrgC6AmAFbVeAuwLy1iFg3UpO+Au2JMuyoTM+M5lMYln2mSvJupKBhoaGhoaG/wLCE4Sx007QWiFwW91ie/bvmEHqI2OGGLfQ/wVPHk1ai12i1cm7+UQMB8S0ZalEnxtL8I9LTE5eYjOGA7VKa1GJZz2C+ADiZR1FZh5E6G9nlXcSv1u/oa671CJ9iW/dCNGWulo363g4cR4TT5YIm2NTKYEKSTDckjQ8jyg6zhPWENFAl806Fsn+gImt0ZvVlI4FtlKVSOvISto70zK3A5GZUOKq67yzlQkqrfpsR2LvOI0s0EFBQogTyWVbmWDSOrpMrZ+mZuxCeXGqRzrB7sY0um5N2UZZ8b/Y75iOl5ZOsL9FJHYQmDLiL3DVgYFS0jrCRDxARfiKJxAdGPCWnmBnuYoIzxPucXaLl7QepRfo+SFqIrS4l7SaSg7g8UhyJFafo/k/Q4oXlr7C3opq1p9QDfEF03vB6x+Z5Pf5g6HEC0sLQlX9OBV+ibVY/4jk556/uDTOvQslHFcY9gTRAcJzT/guidgdET9sWaYkhXHQJqzmiheS1vNphO/LucJ6wGR6njuldU0l53Fu3jrKeELCGlNTN+EsLRB88ColfI2PuFPznt3EGcIRRPjeeQWaulOkVWLeRTiCC2uKRNxJOmDTrkT4Gi1uy7DScrYCejFP3cw5ylOp8KymseD+a1spa6Sv8MKalDtQg3DKqUshq/QzrJ1kzYwKUJcwJD+cs2fh1KfzpoQO1CasuYQ4cSnn/Jz2EK9VWNV6mnWtLAolHAXEaxZOm/bItazXDkdeEjCjdmF9TZWOLrkW9lpEMEVcpXYnNQurKBdbOTFGWi/8qW3R8wWsZwrmpn3EI5Xbrt78rlAYBaOssUSa2mrRYKRWSzKbcm6iz9RTG29p3l2xcOEoa9ymoZ7iKv8+rFJYES+gP0JBLNJ8s/rgI67QO4gdVIQeMOGBMB+ke0sunuKVoK616fpcnsconcxJpyc8AXGmZFtd6ys8MUpH4DjzpEcU13VH8ssAJbD06Umce+IjiM8i3ENJjNLTdzf4T+7JtYnzWPfhshG+xv7Imr62lF9B9eKnFyzelunD81ilebq3ZK6kEvFpdNVsq+s7SudhlZYQbol5MHEty9vEi0sho3sXxzWy1pnrqxUqxesVnavPOGWWRwKvRqYtmRA4pZYJ9jaowMadm7ie7dHvqWh0RIGbsAnnfJrV0moC2SVBXWLoxcI3pvImccZQnb8YVx3RPLwWEa7h6Rqz+ui3dTlt/lJ9305fJ0e2VxYbGhoaGhoacvkHN9aQkmwOWdIAAAAASUVORK5CYII=");
}

.register-form-container .icons .icon.sports-esports {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN9SURBVHgB7ZnbUdtAFIb/szbm8hI6iKggpoKYCuJUEHhMPBlCBZAKPJ7E4RHogFQAVBBTQZQK4C0x2HtyZCMwtna1ksGWmf1mPGNpdVb6tXsuuwI8Ho/H4/F4PB7PLCBMAaO5fotKQNDrmCFl9DqEvWvkJJfoW3yrlVDaF+sa5gXjXINPymgcIyOZRMvIBozlo7mKHYdx2kV3bxV7oauJs+iBYFo+k78BikfY5e6Wq3An0QUXHOMsXMEBjaUDFFtwRLBM4noOpI70LQ5rJeIzLAh97m8t4fO57ZrUkVbob2OBUCh/SLumnHYBEb2DOx1ibsUHPLStIxshs24p0HUeeyJdlyC0Y73G1sg4lADGv+EMXyhu1OKjPtoH8tL23e2jYEQSjD6G8QlNh+JaXEMGpI+N0T7GsU7v3syDF1+OPyyxPkFGltCr2tqVvbFvNX5qmNXV+DmpunKUuMpqk+LTFNjbcSm/+xqYSXXEJ+6Rv6H4z8WYzVtTZ5E/3nC7VUGjM7SP6gO1i4zIPasp7WY02qewBDKS9EAp6WGiT/rBqRdJackSyAZBCZRjpPmnxBZjALSPNNFrzANCnQZTJu8ikN7YWtPy9Ex9+umwxwHjq4zWylJvX9mMWXKyjEfnwUaHo9XQDZpVhcqjF6eInErFR/chbim9dkDYue6hva0IzbRpb0tbxundw0q1BLv7SQ7effzW1IWY1OKjEir1jHk6ibCkG1/ig2j93Od2QARrvyuWjQ3j9C5DBygEfDl+RkOdp1n1La5pFK2Ls6qaSHHkMCCURzQVJojReh/fm38lZ0dH0VbV0KfTUK+MPZoaJJ/+wsJG7wjuSK7eTGqxpCwOsNgEpoZE0VG6ylcJFQlaH+qYJFF0lK7wIqgESWcTRVOulU3xMKUtk+gXMdJk8GuD6EWO2qOoxAWToQyNclz6CtBCyDSxjs4M8aAwCZATWZpWk2Qkiya9McW3veE+F5v3qFy526Ob4iMDuUfvKZjY2JsGkn5I+ov6RS448ctmsmh+WC5m4EkFx0wp/E/SyUTRGnSMbDyL4Ji8wrVsOyX3ZzJwr72fVfAoGX08VPxpI6nBvMpieo/0NzszwREZRnzwXKZGlXYDST0Jm+0sn1z4K/Hq5qwEuz8XHacNhOP36SMJ/f/uprqWiLgWRvtVmDNFfS6Px+PxeDwej8cz5D/s/Ug+ZyRc2wAAAABJRU5ErkJggg==");
}

.register-form-container .icons .icon.diversity-3 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVBSURBVHgB7ZpfVttGFMa/OwJc8kRXUGUFJSvArKBkBYVHQnNSVoBZQeA0hkebFaRdAWYFNSuosoK6L01t0NzeK1m2bCRbf50X/c4x2JY0o29mNN+9F4CGhoaGhoaGhoZvC2GDPOG3toE5ItCBfNyTl8dgz8LebeP9ABtiI6IZH11Gqye9tVecNRzz5O0uzj3UTO2iA8HUupe3bobTvTGPD+sWblAzOQQrbkvOl4HaQ43UKvoZ3WNkFxzhWmz9ihqpVbQh+oACEDkHqJG6l/c+itGuc4lvrTtBO/8P3+1t4dmV15BwPkIGGLeyYzOKon3Kr0x9fZW+HNhgkLYx8dbdY6po9VQHzgWLzbSCm3fkpzSNG4+Z+waT66wDUAc6GRY7H8Tzj0HsRkYk1gjLNwMLvtvCWT/p2kTL8tHtEUljq1lrL5a6f0sXBZYpjwyffZ96NKMNTifnfHlyXjzTFt3PGQQrgb18lRtI75T+QAGYzO+px3L4vuqQcz8vf78gOrAYoiNkR4X30g5aUB8FmFhcph2T5asiXGSn7ePTggUuiBaLuUB+2vr8Jx3YxumAiS+RAyb/chenXtKxJ9y25YHM7Qi0pMssNJg/kJg2YlJXh2PPOlmFy3nXjn3fSe/H5lmFMWgvPjFm/sYv6qkykqtHX4Vb5hN566WcMrSMt3LeykiMYH5EQeRaN3ofs6wiu2x2Avtg9BldGSByZV6j/sT7z4aoGYqt4ploE+S29TMVWFCk/adoYsixVRbfyAqPNjNqn6mgnxL36MSuXRg2Szd/okC8PGZ6nbTjatTkY0cqJdiXyOmHoG3SZb30KIWDNpKw9ZFBgyeMh0lBj262DvE98uMZfvc6+kBlG2WivmNPT+ZtBCWhAxF5VMRe5g1jKIPwMMHkKj4AvuleEefL3nQTjYekLx4QabQjjWb1a4949w3hZBTF6qtLQgVhDMYYn6h4XT0SZemKdDNdKr6/bIMvwtAcvvogy/pQBfu4vXDIua9FsKJJD7X+kpzgQuNomZRDSYTu1l2WJDhsLu0CSdesYZn1YIlO/ZElcKdH6bRDEm3pNyqYiDvYEJJEdBycBZOiYbMhaMByMN8n+IvG7r61/Z0UKyxdGGT0pLN/pcTDbSKjz5qLyuGRzOy1sZBE5JWnqwslqLwamnNPWIuGpsa+6pQVGidRdGg1rXYsalrJEyaDpR22EuHLz6RWSLZh29muppGD8SCp0PFy95Y0LMxK8oWlmrCLvVxG4n3zqU9sfkZB4lYYVklasncgb5VUqjz22sEvV/EvF0SHgs1HFEcsbPxGR3dqLer5Rbx6ZoUl2wkQ4edx4TPL0sanG1EZZMffCQYttJZxJmtZ4iESrB90hlFCcHAvsnLj1dWZ6PAZLr/zyrN8rH4avBfhjn13vCatjPD0PAkX25Hg0A5zL+mkuwrC4ejTLMsi8H5Vm7mMbMfnrhsV5eZp5W3bat5uzHzmrB0aOMPI95X5M8wVCJ7eU1JqWTVBUU5WzzN3L6O4dypsIGs2FQ1nmZwe1eL3IbWJnuJK3a0ntfILWbqXonWYFCWpFe3Al2zM/FRbKBujbtERgXjdQKTEPBI/8hD+9cINU0191f4H1BmbEh1D/H8h5dzoP0MEVD68YYZGA1TDg4ahqJjqRVutUpweTm3qEcUYRvYlSUblpajalne8+mmNOSbmNmYpahJhSqiZVNy+6rm3mgmqn3YeYIQlYBOL6+1oli5uohyLb7CRbaLGvY6YaK2K4AtKYyvLexVfUkQjSx+l4Urvq6GhoaGhoaGhoQz/A4PSQig2vn8aAAAAAElFTkSuQmCC");
}

.register-form-container .icons .icon.lunch-dining {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL8SURBVHgB7ZrRddowFIb/K5PQtC90groThE5QZ4IkE4Q+Njk9TSZIMwHNaUkeAxMUJiidIGwQdwMeUwO+vSpwDg0yNgYCNvoe8EGWrv0jybr6DWCxWCwWSyYgrBhGtfSIF6UC+i7BKUlJabpO6A+PqruDwCdcdLFCliZai+ujUFagMuDsE9gDaYFUShmwI5++/CC/QnBnB5/aWBILidZCQ+xUCOpQBJZTC0x+wbb8AI0egvYeLnykJJXoHr55DpzP0voIa4KZ6wGCqzTi5xItPesyinfSysOGkEa8SlpxgO/nTLv3myRYQ0SVIhUfBqhdJm4TV2E4b3erOjg2HCauqzC4iHv6FxAXCMUftGG9GwUxVZiKrtz0wax6M4f3ADfVTRvOCfBkKlZnVYgc3gFq5QLRPTLKgAcHUWt7ZE+L4DtkGIecyAebUTRLL8uhjGzj6XzCdMIoOsT6ko5lIuK8iPJpJK18jxxApIyj1TyniVebQz8btG8qjXiQ8WvkmMRpaJ7YStHGNFTSuXOTw5E1BqCVOjAWywaSyDkZe2Ejw8+dONXVxl2AXjPOuVh1DPHOWkm9s1jRfdycKOKvcaaf2DZfHJxdmc5p10VMiMvFY6iZW8a4GGOMovW2UtYybeeezLWfHrmVYx9b28FDpzR9DGnvzn0fYhmHjGsdw7S9NIoOqebLqTfIPr7i07dPC21yEg+3iNEcfwsVecR8mNzk5y6Taqgw7PwfAyeYC9N9QO8M3SStkw5vv898vIuzztTlceuKC/kzwQX9P0wHe/joLxJjzvswDu8I0TdtOZSY5H2S9IrCqzrhw8yUro9aRf1746F7fbycUHfNMaD4zIPFsj0Y57RkYUd52Frq50EBp82npcYla5R25iI5wcTSNsbaRduCFb0tWNHbghU9UfyAXMC/TaXm99PMLeQAsYzqpvJIYzCkW9mbsofs0pG99DvTicg5Tfx4LPvYBjKImAnXxHuR/zBK8D+yW1c+y9nZgLxsxhkNFovFYrFkhL8o+EtXIvSFAQAAAABJRU5ErkJggg==");
}



.register-form-container .headerText {
  left: 0;
  top: 0;
  font-size: 25px;
  width: 100%;
  color: #000000;
  font-weight: 600;
}

.register-form-container .headerText.large {
  font-size: 20px;
}

.register-form-container .headerText.extraLarge {
  font-size: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.register-form-container .welcomeText {
  font-family: 'GothamBold';
  font-size: 18px;
  text-transform: uppercase;
  line-height: 22px;
  word-wrap: break-word;
  margin-top: 0;
}

.register-form-container .welcomeText span {
  text-transform: lowercase;
}

/* Login Page */

#loginForm login {
  margin: 10px 0 10px 0;
}

#loginForm .wrapper {
  display: grid;
  padding: 0 0 20px 0;
}

/* Review Form Styles */

.review-form-container {
  max-width: 500px;
  padding: 20px 0 20px 0;
  margin: 0 auto;
}

.review-form-wrapper {
  margin: 30px 0 0 0;
  width: 100%;
}

.review-form {
  padding: 0 0 20px 0;
}

#teen {
  padding: 0 0 20px 0;
}

#reviewForm label {
  color:#656565;
}

#reviewForm input {
  width: 100%;
  margin: 10px 0 20px 0;
}

#reviewForm #teenager-year {
  padding: 10px 40px;
  margin: 0 0 0 20px;
}

#thankyou, #cancelConfirmCompleteMessage {
  background: rgb(34, 31, 32);
  color: white;
  text-align: center;
  margin: 20px 0;
  padding: 30px;
  border-radius: 20px;
  font-size: 18px;
  text-wrap: pretty;
}

/* Brand Iconography */

.icons .icon.bubbletea {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAQ0SURBVGhD7ZpPaB1VFMZ/5yYvNqkmthZSBReS1iqIbaEI6kpoUVowpaCIKxVpdJJSsLgQhRh1oSCIJXlaFy4UF1aKFrEUxbrzDy7MQqWVGKRUEkuqxNpibDKfi3kvb3LTzcu79yWB+cHA3O/ceeTjnHvu/AkUFBQUFKxczBeWAzHoxI3bIN0N4Ehe8eeEYtkMp7x5DbTuAfaA7TbYCCD4xpHc488PhfOFZpBSvgNafzbsmGFP1MzqT9BJf35Imp7hLLOlnwx6MkXTwo6DfWi4L4y+K/41IVkGw+UHDY6Tle9nRvqIMfCPPy8Wy1HSu3Lnh5ppluUxrF1k6/WsIznjR2PTVMMpIzcbtqUyPOWFm0JTDQM7c+df5s6bRlObVsrIB4Y9WhltF3NTYKXqYVASVgJKQMmwkqAEaVtFu+wYOOH/bj00ZFgcbRFTByDdANYFdIF1Glwv1Am0V46O7LB2a6CqBDOOZI2v10ODhgdbRfdMIybqQTDrSEq+Xg8N/aHG0Kyhi74eGsGs0GXgRz9WLw0ZBhD2vtApob/8WDi0z9G/1pFs9yP10lBJ50kpHzY44OshEG6T46lffX0pNJzhGjrtKyEQ/Ges/83Xl0pAwxbFMHDWeHjOF5dKSMOxbhPHfKERghk2JicEETq2gqzdKgEND6WgCFleoYYzYqxjW5klnRGlU69ow0FLWmgOZsd9vRECG3aBM2y/Ow7O+GojBDVstI9lWQlG0IZFeMOP/wsW7K4odIcmtOEKIcs6aMMikuGAjWtVZDgNlmFbHRkO16nFmtWQ4auXtOCESA8KXhKa8OM+gj8cTwa/Nw/2AiBPysgFw9ZXx4LXHcmztfHwRuF+qH5EuxqCrx3Jvb7eKDEyvOCeWiCj5bUFUQYmQe/mtcWEb1jEM5wvawHr/s4HK0wLSfC50Bta/GI+eMMinuHaQ4RhJi7sXRBl0IHtBR5zJPc7+p9xJDsFSW2Wi5LhSGt4uNdwn9QUTQsOgTsJ6Q2GvSDY4ki25q8TmCifNrhVcLcj+TYfD0GkDPtbk3WBPQdpGfgYeAg4t3AOWLbkz2XnLaunpI2WcaH5L/lCLxtPb3b09xrnNwt7FbhLDF+bv06U14HtAE0bfVP5WCgiGe67Un3SERo3zr9omLLYUGpMPg9cEu6jlMO3AKS83SM4ZtApLMr6JZbhjPmt6Uz2visXyd5//WLwgNE6njJyyUjHDO7L4uEfC6tEM2zzW5NtFUcWfADL/rGFO6tjwzrycUXag4lpWNh3ZMZvEnNviSMdACnvrYXSO4Z1+9fUcMG7c5Uo2xLZXtsmukcNbs/GXMzWtXoMu86fX0UwamzYEfJrQ55ohsn2401gnxp2mx+7GoLvoXWfY/+iLSsUUQ0DiKNtMNUrtA3UCjYLpAZzqpwDM+BGjYmv/AZXUFBQUFBQULBq+R/Z4E0RK02VIgAAAABJRU5ErkJggg==");
}

.icons .icon.hat {
  background-image: url("data:image/png;base64,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");
}

.icons .icon.friends {
  background-image: url("data:image/png;base64,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");
}

.icons .icon.music {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAVASURBVGhD7ZpdiFVVFMd/a98ZZ4aRUStLzD4NLZIkKHwwzclElKBQwYeoDCpzZsxEqocCtZceImKYmTtM9GERUVJRiZh9EIbVmw5jZeRHlpGOpkU2Y47OXj2c+Th3OXe8+9yjTHR/MLD3f61zOP9Z5+y9zz4XSpQoUaJEiRGDWGGkojSPVpgLMhVkg6PuiM0phBFt2NNyA7Cg72+2IKMAFD501N1j8wthRBn2PF8N1bX9JgWusTn81w17mqaA66uizBGosDkWhWcddWutXggX3LDnhSqomhMZ1IWCTLY550LRxY76961eCBfEsKdxMmQW9FWyVqDK5hSKogp+kmPlbzZWCOfFcFTFylmDz6JMtTlJUehw1E23eqE4KxSD8tpYT/Z1qDwuyFZBHk/TLFGFtlgthJQNd78qcL8glTaWHr0fWyWE1AwrzRNA7rZ6mih6AkZ9ZfUQUjScmSspnU9RVXS/oj+Y0DZh+WmjBZHKBUboDKsUgqKnFToU3lBYDb21Qtk4R/1koMmkbzP9YFIbpT3ZzwTmWj2Owt9AB/h2cDuhtx38LseqUzaX6JxvCtzb31d0pqP+69ysMFI03LJPkGv7+9F8yeegOyJz7BQ69wjrfe6R+fG07BDkZqLz9QplNcLybpsXQiqGFUTJdgsMjM4KTY66x3Izw/C0HBPkIiLD+xz119mcUFJ6htuq4mYjeptz+2EobeUg42LST7F2YlIxrPxTndtnr2Plj3EtFKWnRnLvwEOxdmJSMQzV5UZoN/0EeLPelj9z+8lIyfBpMxZIooV9HKHSXtuQI3ko9qQJOXUmt++LvjjF9xrJ3kWJSMnwaDNVpLGW7j5uhPgAlphUDAsHuxSNV+SSWDsRjjUnFY7FpCtj7cSkZHi9Bzk6qOikeLwI9sfa18faiUnFcB+/DjbDt22GRgemNoEJnuylufFwUllpEa173xZYysCysmKM46ETNs/iaayA8nngZ4G7CsgAh0Hbwd0u6H39uYrOd9R/knuGMNKs8Lf9DUEEugfW1UPhaazwtDwF5QcFNgnuSYGlAksEGgR5OW62j5tMP5jgCnuaLga5FdxEUAHpBL8LMlMEHfjvK3qXo35z7tERnuxU0HcFmWZjw6GwwVH3oNVDKLjCnuYZnuxmcJ2C2yLwSlQFNgnuAPh3zCFXmD5EZqeBbg8120fR+2PnNKysrfS0NIN8I7BQkIzNIbqNzTwpZ43UyotjQTcJknTaOr9vS57GGuWyTwWpj57LIM6qsFKxTpCrrV4oAuOVtjFWDyGvYWVjBsreE7jNxgojdy5WsuOAR+JaEpSeoqa8YQwfXSPInVYPIKfCiswr5ovDIOVFramHNBzdNvK01QMxH8X0xtx+Yn6xQgh5DJ9ZJFBj9TCk0whFVYZoWtrteLSojYAhDYPMtEoogn5vlJ9z+0nQVquEksewjrdKKGr2kAW2KhS8Y2lR6BCOtFk9lDyGxb6LBqFwUpAP4pqw4gDohrhWKAqHwS8W1vfYWCh5DOt2qwTyklD3hxXhzGpFB9bchaCwG2S2o2GvjSUhj+GKjYr+btVCUPSAkBny5wiOVX8JZbWKbrUxi0KXwnNC5hbHij02npS8qydP6xLwG0NWWIoeAb3D0fCdjVk82fmgy/oGyInRtWgnyE7wW6DiLcfDRT1aQzGsGaV1meJbC/neq/ClIA9Ez2oYigqsk5DPMEkZ1jDR6+AUcM8AiwSxG+49oF+AtgoNHwloPD4SOafhfqKdCZkO5ZdHih6Crl2OJ7psbokSJUqUKFGiRIn/I/8CSSx581+BlxYAAAAASUVORK5CYII=");
}

/* GLOBAL HELPER CLASSES */

.global-page-container {
  max-width: 800px;
  padding: 0 20px 20px 20px;
  margin: 0 auto;
}

.primary-button {
  background: #B1206E;
  font-family: 'GothamBold', sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 25px;
  margin: 20px 0 20px;
  padding: 10px 20px;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;;
}

.primary-button:hover {
  background: #ff0088;
  color: #FFFFFF;
  cursor: pointer;
}

.secondary-button-dark {
  background: #656565;
  font-family: 'GothamBold', sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 25px;
  border: 1px solid #656565;
  margin: 20px 0 20px;
  padding: 10px 20px;
  color: #FFFFFF;
  cursor: pointer;
}

.secondary-button-dark:hover {
  background: #282828;
}

.secondary-button-light {
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 25px;
  border: 1px solid #656565;
  margin: 20px 0 20px;
  padding: 10px 20px;
  color: #000000;
  cursor: pointer;
}

@media (width <= 480px) {
  .hide-mobile {
    display: none!important;
  }
}

@media (width >= 481px) {
  .hide-desktop {
    display: none!important;
  }
}

/* TEXT HELPERS */

.uppercase {
  text-transform: uppercase!important;
}

.text-center {
  text-align: center!important;
}

.text-white {
  color: #FFFFFF!important;
}

.pretty-wrap {
  text-wrap: pretty;
}

.clear-margin {
	margin: 0;
}

.clear-padding {
	padding: 0;
}

/* ----------- */

/* Screen Reader Accessibility */
/* This class hides the content off screen but it will still be read out in it's location in the markup by a screen reader */

.sr-only {
  position: absolute;
  left: -99999px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/*# sourceMappingURL=style.css.map */

/* MOOT DETAILS COMPONDNT */

.teen-status-component {
  position: relative;
  padding: 25px;
  margin: 25px 0;
  background: #3a3a3a;
  border-radius: 25px;
  color: #fff;
}

div#adminHome .teen-status-component {
  padding: 50px 25px 25px;
}

div#adminHome .teen-status-component .status {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #ffffff;
  color: #ff0096;
  margin: 0 0 20px 0;
  padding: 10px;
  border-radius: 25px;
}

.teen-status-component .status-text{
    margin: 0;
    padding-right: 120px;
}

.teen-status-component.CREATED {
  border: 4px solid #2f8323;
}

.teen-status-component.TIMED_OUT {
  border: 4px solid #353535;
}

.teen-status-component.ACTIVE_MEMBER {
  border: 4px solid #2f8323;
}

.teen-status-component.APPLICATION_APPROVED {
  border: 4px solid #dd0a0a;
}

.teen-status-component .action {
  position: absolute;
  right: 10px;
  top: -5px;
}

.teen-status-component.TIMED_OUT .status {
    background: #353535;
    color: #ffffff;
}

/* ----------- */