html{padding:0!important;margin:0!important;height:100%}body.quiz{width:100%}html,body{min-height:100%}body{background-image:url(bottombackground.gif);background-repeat:repeat-x;background-position:bottom center;padding-bottom:50px}.hideblock{display:none}.error{color:#d73c67}.disable{pointer-events:none}.selection1,#step1{display:block}header{padding:10px 0 30px;background-image:url(quizbackground.gif);background-repeat:repeat-x;background-position:bottom center}body.quiz .site-header__logo img{width:160px}.spinner{display:block;z-index:200;margin-top:10%;position:absolute;height:62px;width:62px;background-color:#fff;font-size:60px;left:calc(50% - 31px)}.spinner>span{-webkit-transform:scale(.4);-moz-transform:scale(.4);-ms-transform:scale(.4);transform:scale(.4);-webkit-animation-name:fade;-moz-animation-name:fade;-ms-animation-name:fade;animation-name:fade;-webkit-animation-duration:.72s;-moz-animation-duration:.72s;-ms-animation-duration:.72s;animation-duration:.72s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;-moz-animation-direction:normal;-ms-animation-direction:normal;animation-direction:normal;background-color:#fff;border-radius:6px;clip:rect(0 .28571429em .1em 0);height:.1em;margin-top:.5em;position:absolute;width:1em}.spinner>span:nth-child(1){-webkit-animation-delay:.27s;-moz-animation-delay:.27s;-ms-animation-delay:.27s;animation-delay:.27s;-webkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);-ms-transform:rotate(-315deg);transform:rotate(-315deg)}.spinner>span:nth-child(2){-webkit-animation-delay:.36s;-moz-animation-delay:.36s;-ms-animation-delay:.36s;animation-delay:.36s;-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg)}.spinner>span:nth-child(3){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;-ms-animation-delay:.45s;animation-delay:.45s;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}.spinner>span:nth-child(4){-webkit-animation-delay:.54s;-moz-animation-delay:.54s;-ms-animation-delay:.54s;animation-delay:.54s;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.spinner>span:nth-child(5){-webkit-animation-delay:.63s;-moz-animation-delay:.63s;-ms-animation-delay:.63s;animation-delay:.63s;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.spinner>span:nth-child(6){-webkit-animation-delay:.72s;-moz-animation-delay:.72s;-ms-animation-delay:.72s;animation-delay:.72s;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.spinner>span:nth-child(7){-webkit-animation-delay:.81s;-moz-animation-delay:.81s;-ms-animation-delay:.81s;animation-delay:.81s;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.spinner>span:nth-child(8){-webkit-animation-delay:.9;-moz-animation-delay:.9;-ms-animation-delay:.9;animation-delay:.9;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}@-moz-keyframes fade{0%{background-color:#514943}to{background-color:#fff}}@-webkit-keyframes fade{0%{background-color:#514943}to{background-color:#fff}}@-ms-keyframes fade{0%{background-color:#514943}to{background-color:#fff}}@keyframes fade{0%{background-color:#514943}to{background-color:#fff}}#shopify-section-quizquestions .smallWidth{width:100%;max-width:664px;margin:auto}#shopify-section-quizquestions .largeWidth{width:100%;max-width:828px;margin:auto}#shopify-section-quizquestions section .inner-container{padding:0 60px}#shopify-section-quizquestions section{margin-top:45px}#shopify-section-quizquestions section h2{font-family:Source Serif Pro;font-weight:700;font-size:52px;line-height:58px;text-align:center;margin-bottom:30px}#shopify-section-quizquestions section p{font-size:18px;font-family:Source Serif Pro;font-weight:400;text-align:center;line-height:21px}#shopify-section-quizquestions button{box-sizing:border-box;display:block;height:60px;background-color:#d16e88;border:0px;width:100%;padding:20px;font-size:18px;margin-top:30px;color:#fff;font-size:21px;font-family:Source Serif Pro;font-weight:700;line-height:21px}#shopify-section-quizquestions .grid{display:grid;grid-gap:40px;margin:0 0 40px}#shopify-section-quizquestions .grid .checkbox{display:none}#shopify-section-quizquestions form{width:100%;margin:15px 0 25px}#shopify-section-quizquestions section p strong{font-weight:600}#shopify-section-quizquestions label{text-align:center;font-size:16px;display:block;margin-top:0;margin-bottom:0}#shopify-section-quizquestions .grid:after{display:none!important}section#step1 input{box-sizing:border-box;height:60px;display:block;background-color:#fff;border:1px solid #000;width:100%;padding:20px;font-size:18px;font-family:Source Sans Pro,sans-serif}section#step1 input.error{border:2px solid #d73c67}section#step2 h2{margin-bottom:5px}section#step2 .grid label{width:100%;height:100%;text-align:center}section#step2 .grid label:hover .icon_holder{background-color:#276752;opacity:.5}section#step2 .grid label:hover #AnxiousCheckbox+.icon_holder{background-image:url(quiz_anxious_active.png)}section#step2 .grid label:hover #LowMoodCheckbox+.icon_holder{background-image:url(quiz_low-mood_active.png)}section#step2 .grid label:hover #FatigueCheckbox+.icon_holder{background-image:url(quiz_exhausted_active.png)}section#step2 .grid label:hover #LackofConfidenceCheckbox+.icon_holder{background-image:url(quiz_unconfident_active.png)}section#step2 .grid label:hover #StressedCheckbox+.icon_holder{background-image:url(quiz_stress_active.png)}section#step2 .grid label:hover #LackFocusCheckbox+.icon_holder{background-image:url(quiz_cant-focus_active.png)}section#step2 .grid label:hover #AngryCheckbox+.icon_holder{background-image:url(quiz_angry_active.png)}section#step2 .grid label:hover #LonelyCheckbox+.icon_holder{background-image:url(quiz_lonely_active.png)}section#step2 .grid label :checked+.icon_holder{background-color:#276752;opacity:1}section#step2 .grid label span{color:#0e2e1e;display:block;font-size:16px;margin-top:10px;line-height:16px}section#step2 .grid label .icon_holder{margin:auto;background-size:40%;border:1px solid #707070;width:100%;aspect-ratio:1;border-radius:50%;background-repeat:no-repeat;background-position:center;max-width:100px;max-height:100px}section#step2 .grid label #AnxiousCheckbox+.icon_holder{background-image:url(quiz_anxious.png)}section#step2 .grid label #LowMoodCheckbox+.icon_holder{background-image:url(quiz_low-mood.png)}section#step2 .grid label #FatigueCheckbox+.icon_holder{background-image:url(quiz_exhausted.png)}section#step2 .grid label #LackofConfidenceCheckbox+.icon_holder{background-image:url(quiz_unconfident.png)}section#step2 .grid label #StressedCheckbox+.icon_holder{background-image:url(quiz_stress.png)}section#step2 .grid label #LackFocusCheckbox+.icon_holder{background-image:url(quiz_cant-focus.png)}section#step2 .grid label #AngryCheckbox+.icon_holder{background-image:url(quiz_angry.png)}section#step2 .grid label #LonelyCheckbox+.icon_holder{background-image:url(quiz_lonely.png)}section#step2 .grid label :checked+.icon_holder{background-color:#276752}section#step2 .grid label #AnxiousCheckbox:checked+.icon_holder{background-image:url(quiz_anxious_active.png)}section#step2 .grid label #LowMoodCheckbox:checked+.icon_holder{background-image:url(quiz_low-mood_active.png)}section#step2 .grid label #FatigueCheckbox:checked+.icon_holder{background-image:url(quiz_exhausted_active.png)}section#step2 .grid label #LackofConfidenceCheckbox:checked+.icon_holder{background-image:url(quiz_unconfident_active.png)}section#step2 .grid label #StressedCheckbox:checked+.icon_holder{background-image:url(quiz_stress_active.png)}section#step2 .grid label #LackFocusCheckbox:checked+.icon_holder{background-image:url(quiz_cant-focus_active.png)}section#step2 .grid label #AngryCheckbox:checked+.icon_holder{background-image:url(quiz_angry_active.png)}section#step2 .grid label #LonelyCheckbox:checked+.icon_holder{background-image:url(quiz_lonely_active.png)}section#step3 .step3Form{margin-top:20px;width:100%}section#step3 .grid label span{position:relative;display:flex;align-items:center;min-height:72px;line-height:20px;margin:0;font-family:Source Serif Pro;font-weight:600;width:100%;height:100%;text-align:left;border:1px solid #707070;color:#0e2e1e;font-size:14px;padding:15px 20px;box-sizing:border-box}section#step3 .grid label :checked+span{background-color:#276752;color:#fff;opacity:1}section#step3 .grid label{position:relative}section#step3 .grid label:before{content:"";background:#276752;height:100%;width:0;position:absolute;transition:.3s cubic-bezier(.785,.135,.15,.86);top:0;left:auto;right:0;opacity:.5}section#step3 .grid label:hover:before{width:100%;right:auto;left:0}section#step3 .grid label:hover span{color:#fff}section#selection .grid label span{position:relative;display:flex;align-items:center;min-height:72px;line-height:20px;margin:0;font-family:Source Serif Pro;font-weight:600;width:100%;height:100%;text-align:left;border:1px solid #707070;color:#0e2e1e;font-size:14px;padding:15px 20px;box-sizing:border-box}section#selection .grid label:hover span{color:#fff}section#selection .grid label :checked+span{background-color:#276752;color:#fff;opacity:1}section#selection .grid label{position:relative}section#selection .grid label:before{content:"";background:#276752;height:100%;width:0;position:absolute;transition:.3s cubic-bezier(.785,.135,.15,.86);top:0;left:auto;right:0;opacity:.5}section#selection .grid label:hover:before{width:100%;right:auto;left:0}section#results label{text-align:left;font-size:15px;display:block;margin-top:20px}section#results input#email{box-sizing:border-box;height:60px;display:block;background-color:#fff;border:1px solid #000;width:100%;padding:20px;font-size:18px;font-family:Source Sans Pro,sans-serif}section#results input#stayintouch{margin-right:6px;height:15px;width:15px;vertical-align:sub}section#results input.error{border:2px solid #d73c67}section#results small{font-family:Source Sans Pro,sans-serif;display:block;margin-top:20px}@media only screen and (min-width: 600px){section#step2 .grid{grid-template-columns:repeat(4,1fr)}section#step3 .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}section#selection .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin:0 0 40px}section#selection #Grief .grid label:last-child,section#selection #LackingDirection .grid label:last-child,section#selection #Sleep .grid label:last-child,section#selection #Lonely .grid label:last-child,section#selection #Stressed .grid label:last-child,section#selection #Anxious .grid label:last-child,section#selection #LowMood .grid label:last-child{grid-column-end:3}section#selection #PregnancyPostPartum .grid,section#selection #MenopausePMS .grid,section#selection #LackFocus .grid,section#selection #Fatigue .grid{grid-template-columns:repeat(6,1fr)}section#selection #PregnancyPostPartum .grid label,section#selection #MenopausePMS .grid label,section#selection #LackFocus .grid label,section#selection #Fatigue .grid label{grid-column:span 2}section#selection #PregnancyPostPartum .grid label:last-child:nth-child(3n-1),section#selection #MenopausePMS .grid label:last-child:nth-child(3n-1),section#selection #LackFocus .grid label:last-child:nth-child(3n-1),section#selection #Fatigue .grid label:last-child:nth-child(3n-1){grid-column-end:-2}section#selection #PregnancyPostPartum .grid label:nth-last-child(2):nth-child(3n+1),section#selection #MenopausePMS .grid label:nth-last-child(2):nth-child(3n+1),section#selection #LackFocus .grid label:nth-last-child(2):nth-child(3n+1),section#selection #Fatigue .grid label:nth-last-child(2):nth-child(3n+1){grid-column-end:4}#selection:after{content:"\e902";font-size:24px;font-weight:800;font-family:icomoon!important;text-align:center;display:block;width:100%;height:40px;position:sticky;left:0;z-index:1000;bottom:20px}#selection.hidegrad:after{display:none}}@media only screen and (max-width: 600px){.mobileholder{position:fixed;bottom:0;background-color:#000;width:100%;left:0;box-sizing:border-box;padding:24px}.mobileholder:before{content:"\e902";font-size:24px;font-weight:800;font-family:icomoon!important;text-align:center;display:block;width:100%;height:40px;position:absolute;margin-top:-64px;left:0;background-image:linear-gradient(to bottom,#fff0,#fff)}.mobileholder.hidegrad:before{display:none}#selection button,#step2 button,#step3 button{margin-top:0;padding:10px 20px;height:initial}#shopify-section-quizquestions section{margin-top:20px;padding:0 25px 40px;box-sizing:border-box}body{background-size:auto 2%}#shopify-section-quizquestions section h2{font-size:32px;line-height:38px;padding:0%}#shopify-section-quizquestions section .inner-container{padding:0}#shopify-section-quizquestions section p{font-size:15px;width:75%;margin:auto}#step1 button{margin-top:20px}section#step1 input{font-size:16px}#shopify-section-quizquestions button{font-size:18px}#shopify-section-quizquestions section .grid,section#selection #Grief .grid label:last-child,section#selection #LackingDirection .grid label:last-child,section#selection #Sleep .grid label:last-child,section#selection #Lonely .grid label:last-child,section#selection #Stressed .grid label:last-child,section#selection #Anxious .grid label:last-child,section#selection #LowMood .grid label:last-child,section#selection #Fatigue .grid label:last-child,section#selection #LackFocus .grid label:last-child,section#selection #MenopausePMS .grid label:last-child,section#selection #PregnancyPostPartum .grid label:last-child{grid-template-columns:1fr;width:100%;grid-gap:20px;margin:auto}section#selection #Grief .grid label:last-child,section#selection #LackingDirection .grid label:last-child,section#selection #Sleep .grid label:last-child,section#selection #Lonely .grid label:last-child,section#selection #Stressed .grid label:last-child,section#selection #Anxious .grid label:last-child,section#selection #LowMood .grid label:last-child,section#selection #Fatigue .grid label:last-child,section#selection #LackFocus .grid label:last-child,section#selection #MenopausePMS .grid label:last-child,section#selection #PregnancyPostPartum .grid label:last-child{grid-column-end:auto;width:100%}#shopify-section-quizquestions section#step2 .grid{grid-template-columns:repeat(6,1fr)}section#step2 .grid label{grid-column:span 2}section#step2 .grid label:nth-last-child(2):nth-child(3n+1){grid-column-end:4}section#step2 .grid label:last-child:nth-child(3n-1){grid-column-end:-2}section#step2 .grid label span{line-height:13px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/quiz.css.map */