@charset "UTF-8"; @font-face { font-family: "icons"; src: url("../fonts/pregnancy-icons/fonts/icons.eot?ih4k9t"); src: url("../fonts/pregnancy-icons/fonts/icons.eot?ih4k9t#iefix") format("embedded-opentype"), url("../fonts/pregnancy-icons/fonts/icons.ttf?ih4k9t") format("truetype"), url("../fonts/pregnancy-icons/fonts/icons.woff?ih4k9t") format("woff"), url("../fonts/pregnancy-icons/fonts/icons.svg?ih4k9t#icons") format("svg"); font-weight: normal; font-style: normal; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pregnancy-icon:before { content: ""; } .icon-user-female:before { content: ""; } .icon-pin:before { content: ""; } .icon-trash:before { content: ""; } .icon-question:before { content: ""; } .icon-loop:before { content: ""; } .icon-arrow-right-circle:before { content: ""; } .icon-cloud-download:before { content: ""; } .icon-cloud-upload:before { content: ""; } .icon-doc:before { content: ""; } .icon-envolope:before { content: ""; } .icon-plus:before { content: ""; } .icon-refresh:before { content: ""; } .icon-reload:before { content: ""; } .icon-phone:before { content: ""; } .icon-arrow-down:before { content: ""; } .icon-arrow-left:before { content: ""; } .icon-arrow-right:before { content: ""; } .icon-arrow-up:before { content: ""; } .icon-minus:before { content: ""; } .calculator-panel form input[type=submit], .calculator-panel-control form input[type=submit], #pregnancy-calculator .panel-switch-button { display: inline-block; width: auto; height: auto; padding: 19px 50px; border: solid 3px #009dd1; border-radius: 250px; background: #f7f6f6; color: #009dd1; font-family: "Public Sans", sans-serif; font-size: 19px; font-weight: bold; line-height: inherit; text-transform: none; text-decoration: none; } .calculator-panel form input.small[type=submit], .calculator-panel-control form input.small[type=submit], #pregnancy-calculator .small.panel-switch-button { padding: 2px 25px; font-family: "Public Sans", sans-serif; font-size: 20px; font-weight: normal; line-height: 28px; } .calculator-panel form input.center[type=submit], .calculator-panel-control form input.center[type=submit], #pregnancy-calculator .center.panel-switch-button { margin-right: auto; margin-left: auto; } .calculator-panel form input:hover[type=submit], .calculator-panel-control form input:hover[type=submit], #pregnancy-calculator .panel-switch-button:hover { text-decoration: none; opacity: .5; } .yellow .calculator-panel form input[type=submit], .calculator-panel form .yellow input[type=submit], .yellow .calculator-panel-control form input[type=submit], .calculator-panel-control form .yellow input[type=submit], .yellow #pregnancy-calculator .panel-switch-button, #pregnancy-calculator .yellow .panel-switch-button { border-color: #f9a41a; color: #f9a41a; } .blue .calculator-panel form input[type=submit], .calculator-panel form .blue input[type=submit], .blue .calculator-panel-control form input[type=submit], .calculator-panel-control form .blue input[type=submit], .blue #pregnancy-calculator .panel-switch-button, #pregnancy-calculator .blue .panel-switch-button { border-color: #009dd1; color: #009dd1; } .green .calculator-panel form input[type=submit], .calculator-panel form .green input[type=submit], .green .calculator-panel-control form input[type=submit], .calculator-panel-control form .green input[type=submit], .green #pregnancy-calculator .panel-switch-button, #pregnancy-calculator .green .panel-switch-button { border-color: #8cc63e; color: #8cc63e; } .orange .calculator-panel form input[type=submit], .calculator-panel form .orange input[type=submit], .orange .calculator-panel-control form input[type=submit], .calculator-panel-control form .orange input[type=submit], .orange #pregnancy-calculator .panel-switch-button, #pregnancy-calculator .orange .panel-switch-button { border-color: #f27052; color: #f27052; } .purple .calculator-panel form input[type=submit], .calculator-panel form .purple input[type=submit], .purple .calculator-panel-control form input[type=submit], .calculator-panel-control form .purple input[type=submit], .purple #pregnancy-calculator .panel-switch-button, #pregnancy-calculator .purple .panel-switch-button { border-color: #816aae; color: #816aae; } .pink .calculator-panel form input[type=submit], .calculator-panel form .pink input[type=submit], .pink .calculator-panel-control form input[type=submit], .calculator-panel-control form .pink input[type=submit], .pink #pregnancy-calculator .panel-switch-button, #pregnancy-calculator .pink .panel-switch-button { border-color: #d8394d; color: #d8394d; } .yellow .calculator-panel form input.filled[type=submit], .calculator-panel form .yellow input.filled[type=submit], .yellow .calculator-panel-control form input.filled[type=submit], .calculator-panel-control form .yellow input.filled[type=submit], .yellow #pregnancy-calculator .filled.panel-switch-button, #pregnancy-calculator .yellow .filled.panel-switch-button { background-color: #f9a41a; color: #f7f6f6; } .blue .calculator-panel form input.filled[type=submit], .calculator-panel form .blue input.filled[type=submit], .blue .calculator-panel-control form input.filled[type=submit], .calculator-panel-control form .blue input.filled[type=submit], .blue #pregnancy-calculator .filled.panel-switch-button, #pregnancy-calculator .blue .filled.panel-switch-button { background-color: #009dd1; color: #f7f6f6; } .green .calculator-panel form input.filled[type=submit], .calculator-panel form .green input.filled[type=submit], .green .calculator-panel-control form input.filled[type=submit], .calculator-panel-control form .green input.filled[type=submit], .green #pregnancy-calculator .filled.panel-switch-button, #pregnancy-calculator .green .filled.panel-switch-button { background-color: #8cc63e; color: #f7f6f6; } .orange .calculator-panel form input.filled[type=submit], .calculator-panel form .orange input.filled[type=submit], .orange .calculator-panel-control form input.filled[type=submit], .calculator-panel-control form .orange input.filled[type=submit], .orange #pregnancy-calculator .filled.panel-switch-button, #pregnancy-calculator .orange .filled.panel-switch-button { background-color: #f27052; color: #f7f6f6; } .purple .calculator-panel form input.filled[type=submit], .calculator-panel form .purple input.filled[type=submit], .purple .calculator-panel-control form input.filled[type=submit], .calculator-panel-control form .purple input.filled[type=submit], .purple #pregnancy-calculator .filled.panel-switch-button, #pregnancy-calculator .purple .filled.panel-switch-button { background-color: #816aae; color: #f7f6f6; } .pink .calculator-panel form input.filled[type=submit], .calculator-panel form .pink input.filled[type=submit], .pink .calculator-panel-control form input.filled[type=submit], .calculator-panel-control form .pink input.filled[type=submit], .pink #pregnancy-calculator .filled.panel-switch-button, #pregnancy-calculator .pink .filled.panel-switch-button { background-color: #d8394d; color: #f7f6f6; } .PregnancyWeightTrackerPage #main { position: inherit; } .PregnancyWeightTrackerPage #main form { margin: 0 0 -1px; overflow: inherit; } #banner.short .container { min-height: 50px; padding: 20px 0; } #banner.short .container img { display: none; } #banner.short .container h1 { background: transparent; font-size: 22px; margin-bottom: 0; padding-bottom: 0; } @media (min-width: 768px) { #banner.short .container h1 { font-size: 50px; } } #connectionerror { position: fixed; top: 0; left: 0; padding: 50px 15px; width: 100%; z-index: 1000; } @media (min-width: 768px) { #connectionerror { padding: 100px 0; } } .help-trigger { font-size: 10px; border: 1px solid #5b5b5b; border-radius: 50px; line-height: 15px; height: 15px; width: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; cursor: pointer; } #pregnancy-calculator .popover-wrapper { position: relative; z-index: 20; } #pregnancy-calculator .help-popover { border: 1px solid #5b5b5b; background: #efefef; width: 300px; padding: 20px; position: absolute; top: -40px; left: 40px; z-index: 20; font-size: 16px; } #pregnancy-calculator .help-popover p, #pregnancy-calculator .help-popover ol, #pregnancy-calculator .help-popover li { font-size: 16px; background: transparent; } #pregnancy-calculator .help-popover .help-close { position: absolute; top: 10px; right: 10px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 10px; border: 1px solid #5b5b5b; border-radius: 50px; line-height: 15px; height: 15px; width: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; cursor: pointer; } .calculator-panel, .calculator-panel-control { margin-bottom: 30px; padding-right: 30px; padding-left: 30px; position: relative; z-index: 1; } .calculator-panel form, .calculator-panel-control form { max-width: 788px; margin: 0 auto; padding: 0; } @media (min-width: 768px) { .calculator-panel form .form-group, .calculator-panel-control form .form-group { clear: both; } .calculator-panel form .form-group > .control-label, .calculator-panel form .form-group > label, .calculator-panel-control form .form-group > .control-label, .calculator-panel-control form .form-group > label { width: 50%; float: left; } .calculator-panel form .form-group > .controls, .calculator-panel-control form .form-group > .controls { width: 50%; float: right; } } .calculator-panel form input, .calculator-panel form select, .calculator-panel-control form input, .calculator-panel-control form select { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .calculator-panel form label, .calculator-panel-control form label { display: block; width: auto; float: none; } .calculator-panel form .checkbox-input, .calculator-panel form .radio_input, .calculator-panel-control form .checkbox-input, .calculator-panel-control form .radio_input { float: left; } .calculator-panel form .controls label, .calculator-panel-control form .controls label { font-size: 15px; } .calculator-panel form .controls p, .calculator-panel-control form .controls p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .calculator-panel form fieldset, .calculator-panel-control form fieldset { margin-bottom: 15px; padding-bottom: 0 !important; border-bottom: 0 !important; } .calculator-panel form input[type=checkbox], .calculator-panel form input[type=radio], .calculator-panel-control form input[type=checkbox], .calculator-panel-control form input[type=radio] { display: inline-block; width: auto; margin: 0 10px 0 0; } .calculator-panel form .optionset label, .calculator-panel-control form .optionset label { display: inline-block; width: auto; } .calculator-panel form select, .calculator-panel form input[type=email], .calculator-panel form input[type=password], .calculator-panel form input[type=text], .calculator-panel-control form select, .calculator-panel-control form input[type=email], .calculator-panel-control form input[type=password], .calculator-panel-control form input[type=text] { width: 100%; margin: 0; float: none; } .calculator-panel form input[type=submit], .calculator-panel-control form input[type=submit] { float: none; } .calculator-panel form .jcf-class-type-picker, .calculator-panel-control form .jcf-class-type-picker { display: none; } .calculator-panel form .control-label, .calculator-panel form label, .calculator-panel-control form .control-label, .calculator-panel-control form label { margin: 0; color: #5b5b5b; font-family: "Public Sans", san-serif; font-size: 18px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.61; font-stretch: normal; } .calculator-panel form .emojionearea, .calculator-panel form .emojionearea.form-control, .calculator-panel-control form .emojionearea, .calculator-panel-control form .emojionearea.form-control { border: 2px solid #c7d4d8; border-radius: 0; } .calculator-panel #canvas, .calculator-panel-control #canvas { height: 700px; background: #fff; } .calculator-panel-control { z-index: 5; } @media only screen and (max-width: 1000px) and (min-width: 768px) { #wrapper #pregnancy-calculator .container { padding-right: 30px; padding-left: 30px; } } #pregnancy-calculator { padding-top: 5px; } #pregnancy-calculator[v-cloak] { visibility: hidden; } #pregnancy-calculator h1 { font-family: "Public Sans", san-serif; font-size: 50px; font-style: normal; font-weight: bold; letter-spacing: .3px; line-height: 1.22; text-align: center; font-stretch: normal; } #pregnancy-calculator h2 { font-family: "Public Sans", san-serif; font-size: 25px; font-style: normal; font-weight: bold; letter-spacing: .2px; line-height: 1.36; text-align: center; font-stretch: normal; } @media (min-width: 768px) { #pregnancy-calculator h2 { font-size: 45px; } } #pregnancy-calculator h2.underbar { margin-bottom: 0; padding-bottom: 0; } #pregnancy-calculator h3 { margin-top: 0; padding: 0; background: transparent; color: #5b5b5b; font-size: 24px; font-style: normal; font-weight: bold; letter-spacing: .1px; line-height: 1.17; text-transform: none; font-stretch: normal; } #pregnancy-calculator h4 { font-family: "Public Sans", san-serif; font-size: 30px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: normal; font-stretch: normal; } #pregnancy-calculator p { color: #5b5b5b; font-family: "Public Sans", san-serif; font-size: 19px; font-style: normal; font-weight: normal; letter-spacing: .1px; line-height: 1.33; font-stretch: normal; } @media (min-width: 768px) { #pregnancy-calculator p { font-size: 24px; } } #pregnancy-calculator .p2 { font-size: 22px; font-style: normal; font-weight: bold; letter-spacing: .1px; line-height: normal; font-stretch: normal; } #pregnancy-calculator .QUICK-LINK { font-size: 20px; font-style: normal; font-weight: normal; letter-spacing: .1px; line-height: 1.4; font-stretch: normal; } #pregnancy-calculator .p3 { font-size: 20px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.4; text-align: center; font-stretch: normal; } #pregnancy-calculator button { font-family: "Public Sans", san-serif; font-size: 19px; font-style: normal; font-weight: bold; letter-spacing: .7px; line-height: normal; text-align: center; font-stretch: normal; } #pregnancy-calculator .p4 { font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: .1px; line-height: 1.8; font-stretch: normal; } #pregnancy-calculator ul { width: auto; } #pregnancy-calculator ul li { line-height: 1.5; font-size: 18px; background-position: 0 11px; color: #5b5b5b; font-weight: normal; } @media (min-width: 768px) { #pregnancy-calculator ul li { font-size: 22px; font-weight: bold; } } #pregnancy-calculator .welcome-content { padding: 30px; border-bottom: 3px solid #000000; } #pregnancy-calculator .welcome-content * { max-width: 992px; margin-right: auto; margin-left: auto; } @media (min-width: 1800px) { #pregnancy-calculator .welcome-content { background: transparent url("../images/GWGC_Calc-Mob-Mockup.png") 50% 50% no-repeat; background-size: 415px 480px; background-position: 100% 70%; } #pregnancy-calculator .welcome-content * { max-width: 992px; } } #pregnancy-calculator .welcome { margin-bottom: 0; padding-bottom: 0; background: transparent; } #pregnancy-calculator .underbar::after { display: block; width: 80px; height: 2px; margin: 30px auto; background: #000000; content: ""; } #pregnancy-calculator .setup-form { margin-bottom: 60px; } #pregnancy-calculator .down-arrow { position: relative; width: 60px; height: 60px; margin-bottom: -61px; border: 3px solid #000000; border-radius: 100%; } @media (min-width: 768px) { #pregnancy-calculator .down-arrow { width: 100px; height: 100px; margin-bottom: -82px; } } #pregnancy-calculator .down-arrow:after, #pregnancy-calculator .down-arrow:before { position: absolute; top: 27px; width: 18px; height: 3px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #000000; content: ""; } @media (min-width: 768px) { #pregnancy-calculator .down-arrow:after, #pregnancy-calculator .down-arrow:before { top: 50px; width: 30px; } } #pregnancy-calculator .down-arrow:before { left: 13px; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } @media (min-width: 768px) { #pregnancy-calculator .down-arrow:before { left: 23px; } } #pregnancy-calculator .down-arrow:after { left: 24px; -webkit-transform: rotateZ(-45deg); -ms-transform: rotate(-45deg); transform: rotateZ(-45deg); } @media (min-width: 768px) { #pregnancy-calculator .down-arrow:after { left: 42px; } } #pregnancy-calculator #Form_newPregnancyForm { margin-top: 50px; } @media (min-width: 768px) { #pregnancy-calculator #Form_newPregnancyForm { margin-top: 150px; } } #pregnancy-calculator .control-label { font-size: 18px; } #pregnancy-calculator .pregnancy-title { background: transparent; color: #5b5b5b; font-size: 25px; text-transform: none; } @media (min-width: 768px) { #pregnancy-calculator .pregnancy-title { font-size: 45px; } } #pregnancy-calculator .pregnancy-title span { width: 64px; height: 64px; margin-right: 10px; } @media (min-width: 768px) { #pregnancy-calculator .pregnancy-title span { margin-right: 30px; } } #pregnancy-calculator .pregnancy-title span img { width: 100%; height: auto; } #pregnancy-calculator .summary { margin: 28px 0; color: #5b5b5b; font-family: "Public Sans", san-serif; font-size: 30px; font-weight: 500; text-align: center; } @media (min-width: 768px) { #pregnancy-calculator .summary-tools { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } #pregnancy-calculator .summary-tools > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media (min-width: 768px) { #pregnancy-calculator .summary-tools > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } #pregnancy-calculator .summary-tools .summary-right { text-align: center; } @media (min-width: 768px) { #pregnancy-calculator .summary-tools .summary-right { text-align: right; } } #pregnancy-calculator .summary-tools .summary-left { display: none; } @media (min-width: 768px) { #pregnancy-calculator .summary-tools .summary-left { display: block; } } #pregnancy-calculator .extext { margin-top: 50px; margin-bottom: 50px; font-size: 15px; } @media (min-width: 768px) { #pregnancy-calculator .extext { margin-top: 100px; margin-bottom: 100px; font-size: 20px; } } #pregnancy-calculator .extext p { font-size: 15px; } @media (min-width: 768px) { #pregnancy-calculator .extext p { font-size: 20px; } } #pregnancy-calculator .advice-content-container { padding: 50px 30px; } @media (min-width: 768px) { #pregnancy-calculator .advice-content-container { padding: 100px 0; } } #pregnancy-calculator .advice-content-container h3 { margin-top: 0; padding: 0; background: transparent; text-align: center; } @media (min-width: 768px) { #pregnancy-calculator .advice-content-container h3 { text-align: left; } } @media (min-width: 768px) { #pregnancy-calculator .advice-content-container h3::after { margin-left: 0; } } @media (min-width: 768px) { #pregnancy-calculator .advice-components > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #pregnancy-calculator .advice-components > div > div { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } #pregnancy-calculator .advice-components > div > div:first-child { margin-right: 50px; } } @media (min-width: 768px) { #pregnancy-calculator .advice-content, #pregnancy-calculator .information-content { padding: 0; font-size: 22px; font-weight: bold; } } #pregnancy-calculator .advice-content p, #pregnancy-calculator .information-content p { font-size: 18px; } @media (min-width: 768px) { #pregnancy-calculator .advice-content p, #pregnancy-calculator .information-content p { padding: 0; font-size: 22px; font-weight: bold; } } #pregnancy-calculator .referral { max-width: 1080px; margin: 0 auto; padding: 50px; border-top: 10px solid #000000; text-align: center; } @media (min-width: 768px) { #pregnancy-calculator .referral { margin: 100px auto; } } #pregnancy-calculator .referral .icon { font-size: 99px; } #pregnancy-calculator .referral .underhead { font-family: "Public Sans", sans-serif; font-weight: bold; text-transform: uppercase; } @media (max-width: 768px) { #pregnancy-calculator .referral .panel-switch-button { width: 100%; margin-bottom: 30px; } } #pregnancy-calculator .random-tip { padding: 40px 30px; } @media (min-width: 768px) { #pregnancy-calculator .random-tip { padding: 40px 0; } } #pregnancy-calculator .tip-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { #pregnancy-calculator .tip-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } #pregnancy-calculator .tip-container .emoji-icon { -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; width: 64px; margin-right: 30px; } @media (min-width: 768px) { #pregnancy-calculator .tip-container .emoji-icon { -webkit-box-flex: 0; -ms-flex: 0 0 128px; flex: 0 0 128px; width: 128px; } } #pregnancy-calculator .tip-container .emoji-icon img { max-width: 100%; height: auto; } #pregnancy-calculator .tip-container .tip-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #pregnancy-calculator .tip-container .tip-text p { color: #5b5b5b; font-family: "Public Sans", sans-serif; font-size: 18px; font-weight: bold; letter-spacing: .1px; } @media (min-width: 768px) { #pregnancy-calculator .tip-container .tip-text p { font-size: 22px; } } #pregnancy-calculator .referral-info, #pregnancy-calculator .referral-info p { color: #5b5b5b; font-family: "Public Sans", sans-serif; font-size: 18px; font-weight: normal; letter-spacing: .1px; } @media (min-width: 768px) { #pregnancy-calculator .referral-info, #pregnancy-calculator .referral-info p { font-size: 20px; } } #pregnancy-calculator .logs-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { #pregnancy-calculator .logs-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } #pregnancy-calculator .logs-header h3 { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; text-align: center; } @media (min-width: 768px) { #pregnancy-calculator .logs-header h3 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; text-align: left; } } #pregnancy-calculator .logs-header .logs-header-right { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 50px; text-align: center; } @media (min-width: 768px) { #pregnancy-calculator .logs-header .logs-header-right { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; text-align: right; } } #pregnancy-calculator .logs-header > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media (min-width: 768px) { #pregnancy-calculator .logs-header > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } #pregnancy-calculator .log-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px; border-bottom: 2px solid #e0d9f1; color: #5b5b5b; font-family: "Public Sans", sans-serif; font-size: 18px; font-weight: normal; } @media (min-width: 768px) { #pregnancy-calculator .log-result { padding: 30px 0; } } #pregnancy-calculator .log-result:last-child { border-bottom: 0; } #pregnancy-calculator .disclaimer { padding: 30px; text-align: center; } #pregnancy-calculator .disclaimer h1, #pregnancy-calculator .disclaimer h2, #pregnancy-calculator .disclaimer h3 { font-family: "Public Sans", sans-serif; } #pregnancy-calculator .disclaimer p { font-size: 18px; } #pregnancy-calculator .calculator-panel-control { margin: 30px -15px 30px 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { #pregnancy-calculator .calculator-panel-control { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } #pregnancy-calculator .base-z { z-index: 1; } #pregnancy-calculator .overlay-z { z-index: 1000; } #pregnancy-calculator .topbutton { z-index: 1000; } #pregnancy-calculator .topbutton .icon { vertical-align: -1px; } #pregnancy-calculator .topbutton a { display: inline-block; margin-right: 10px; padding: 5px 0; font-family: "Public Sans", sans-serif; font-size: 20px; font-weight: normal; line-height: 60px; white-space: nowrap; text-decoration: none; } @media (min-width: 768px) { #pregnancy-calculator .topbutton a { margin-right: 15px; } } @media (min-width: 992px) { #pregnancy-calculator .topbutton a { margin-right: 30px; line-height: 28px; } } #pregnancy-calculator .topbutton a:active, #pregnancy-calculator .topbutton a:focus, #pregnancy-calculator .topbutton a:hover { text-decoration: none; } #pregnancy-calculator .topbutton.back { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 30px; } @media (min-width: 768px) { #pregnancy-calculator .topbutton.back { margin-bottom: 0; } } #pregnancy-calculator .faq { padding: 15px; } #pregnancy-calculator .container { padding-top: 0; padding-bottom: 0; } #pregnancy-calculator .emojireplace { display: inline-block; font-size: 70px; line-height: 70px; vertical-align: baseline; } #pregnancy-calculator .form-modal { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; padding: 30px; background: rgba(0, 0, 0, 0.9); z-index: 1000; } #pregnancy-calculator .form-modal .inner { max-width: 450px; -webkit-box-flex: 0; -ms-flex: 0 1 450px; flex: 0 1 450px; } #pregnancy-calculator .form-modal form { padding: 0; } #pregnancy-calculator .form-modal * { width: 100%; max-width: 100%; } #pregnancy-calculator .form-modal fieldset { border-bottom: 0 !important; padding-bottom: 0 !important; } #pregnancy-calculator .form-modal .recoverlink { display: block; overflow-x: scroll; white-space: nowrap; width: 80%; margin-left: auto; margin-right: auto; color: #5b5b5b; } #pregnancy-calculator .form-modal .modal-secondary.modal-secondary { font-family: "Public Sans", sans-serif; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: .1px; text-align: center; color: #f7f6f6; } #pregnancy-calculator .form-modal h3, #pregnancy-calculator .form-modal label, #pregnancy-calculator .form-modal p { text-align: center; color: #f7f6f6; } #pregnancy-calculator #colour-vert-hider { width: 30px; height: 30px; margin-right: 10px; } @media (min-width: 768px) { #pregnancy-calculator #colour-vert-hider { margin-right: 15px; } } @media (min-width: 992px) { #pregnancy-calculator #colour-vert-hider { margin-right: 30px; } } #pregnancy-calculator #colour-vert-hider span { display: inline-block; width: 30px; height: 30px; border-radius: 250px; cursor: pointer; } #pregnancy-calculator .colour-theme.vertical { position: relative; width: 30px; z-index: 100; margin-right: 30px; } #pregnancy-calculator .colour-theme.vertical .controls { margin-left: -15px; margin-top: -30px; background: #f7f6f6; -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.12); box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.12); padding: 15px; } #pregnancy-calculator .colour-theme.vertical .controls .colour-picker-control { margin-right: 0; } #pregnancy-calculator .colour-theme.vertical > div { position: absolute; top: 0; left: 0; } #pregnancy-calculator .colour-picker-control { display: inline-block; width: 30px; height: 30px; margin: 0 5px 0 0; padding: 0; overflow: hidden; } @media (min-width: 768px) { #pregnancy-calculator .colour-picker-control { margin-right: 15px; } } #pregnancy-calculator .colour-picker-control .radio_input { display: none; } #pregnancy-calculator .colour-picker-control input { width: 0; height: 0; } #pregnancy-calculator .colour-picker-control label { display: inline-block; width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 200px; background: #888888; text-indent: -9000em; opacity: .5; overflow: hidden; line-height: 300px; } #pregnancy-calculator .colour-picker-control label:hover { cursor: pointer; opacity: 1; } #pregnancy-calculator .colour-picker-control input:checked + div + label, #pregnancy-calculator .colour-picker-control input:checked + label { opacity: 1; } #pregnancy-calculator .colour-picker-control.yellow label { background: #f9a41a; } #pregnancy-calculator .colour-picker-control.blue label { background: #009dd1; } #pregnancy-calculator .colour-picker-control.green label { background: #8cc63e; } #pregnancy-calculator .colour-picker-control.orange label { background: #f27052; } #pregnancy-calculator .colour-picker-control.purple label { background: #816aae; } #pregnancy-calculator .colour-picker-control.pink label { background: #d8394d; } #pregnancy-calculator .colour-picker-control .jcf-class-colour-picker { display: none; } #pregnancy-calculator .faqs.results { display: none; } #pregnancy-calculator .faqs.edit { display: none; } #pregnancy-calculator #faq h2 { background: transparent; } #pregnancy-calculator .faq-item { border-top: 1px solid rgba(91, 91, 91, 0.2); } #pregnancy-calculator .faq-item:last-child { border-bottom: 1px solid rgba(91, 91, 91, 0.2); } #pregnancy-calculator .faq-item.closed .faq-content { display: none; } #pregnancy-calculator .faq-item h3 { margin: 30px 0; font-family: "Public Sans", sans-serif; font-size: 24px; font-weight: bold; line-height: 1.17; letter-spacing: .1px; text-transform: uppercase; color: #5b5b5b; cursor: pointer; } @media (min-width: 768px) { #pregnancy-calculator .faq-item h3 { font-size: 22px; } } #pregnancy-calculator .faq-item h3 .icon { font-size: 20px; } #pregnancy-calculator .faq-item p, #pregnancy-calculator .faq-item ol, #pregnancy-calculator .faq-item ol li { width: auto; font-size: 20px; font-weight: normal; line-height: 1.33; } @media (min-width: 768px) { #pregnancy-calculator .faq-item p, #pregnancy-calculator .faq-item ol, #pregnancy-calculator .faq-item ol li { font-size: 18px; } } #pregnancy-calculator .yellow .primary-fg { color: #f9a41a; } #pregnancy-calculator .yellow .reversed, #pregnancy-calculator .yellow .reversed p { color: #f7f6f6; } #pregnancy-calculator .yellow .primary-bg { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f9a41a; } #pregnancy-calculator .yellow .bg-75 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(249, 164, 26, 0.75); background-color: #f9b951; } #pregnancy-calculator .yellow .bg-50 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f8cd88; } #pregnancy-calculator .yellow .bg-25 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f8e2bf; } #pregnancy-calculator .yellow .bg-10 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f7eee0; } #pregnancy-calculator .yellow .form-modal { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(249, 164, 26, 0.96); } #pregnancy-calculator .yellow input[type=email], #pregnancy-calculator .yellow input[type=password], #pregnancy-calculator .yellow input[type=date], #pregnancy-calculator .yellow input[type=radio], #pregnancy-calculator .yellow input[type=number], #pregnancy-calculator .yellow input[type=text] { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; border-color: #f8e2bf; } #pregnancy-calculator .yellow input[type=email][type=submit], #pregnancy-calculator .yellow input[type=password][type=submit], #pregnancy-calculator .yellow input[type=date][type=submit], #pregnancy-calculator .yellow input[type=radio][type=submit], #pregnancy-calculator .yellow input[type=number][type=submit], #pregnancy-calculator .yellow input[type=text][type=submit] { border-color: #f9a41a; } #pregnancy-calculator .yellow select { border-color: #f8e2bf; background-color: #f7eee0; } #pregnancy-calculator .yellow .topbutton a { color: #f9a41a; } #pregnancy-calculator .yellow #colour-vert-hider span { background-color: #f9a41a; } #pregnancy-calculator .yellow .welcome-content { border-bottom-color: #f9a41a; } #pregnancy-calculator .yellow .emojionearea, #pregnancy-calculator .yellow .emojionearea.form-control { border-color: rgba(249, 164, 26, 0.25); } #pregnancy-calculator .yellow .underbar::after { background: #f9a41a; } #pregnancy-calculator .yellow .down-arrow { border-color: #f9a41a; background-color: #f7eee0; } #pregnancy-calculator .yellow .down-arrow::after, #pregnancy-calculator .yellow .down-arrow::before { background: #f9a41a; } #pregnancy-calculator .yellow .referral { border-top-color: #f9a41a; } #pregnancy-calculator .yellow .referral .icon { color: #f9a41a; } #pregnancy-calculator .yellow .faq-item ol { font-weight: normal; font-size: 18px; } #pregnancy-calculator .yellow .faq-item h3 span { color: #f9a41a; } #pregnancy-calculator .yellow .help-popover, #pregnancy-calculator .yellow .help-close { border-color: #f9a41a; background-color: #f7eee0; color: #f9a41a; } #pregnancy-calculator .blue .primary-fg { color: #009dd1; } #pregnancy-calculator .blue .reversed, #pregnancy-calculator .blue .reversed p { color: #f7f6f6; } #pregnancy-calculator .blue .primary-bg { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #009dd1; } #pregnancy-calculator .blue .bg-75 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(0, 157, 209, 0.75); background-color: #3eb3da; } #pregnancy-calculator .blue .bg-50 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #7ccae4; } #pregnancy-calculator .blue .bg-25 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #b9e0ed; } #pregnancy-calculator .blue .bg-10 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #deedf2; } #pregnancy-calculator .blue .form-modal { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(0, 157, 209, 0.96); } #pregnancy-calculator .blue input[type=email], #pregnancy-calculator .blue input[type=password], #pregnancy-calculator .blue input[type=date], #pregnancy-calculator .blue input[type=radio], #pregnancy-calculator .blue input[type=number], #pregnancy-calculator .blue input[type=text] { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; border-color: #b9e0ed; } #pregnancy-calculator .blue input[type=email][type=submit], #pregnancy-calculator .blue input[type=password][type=submit], #pregnancy-calculator .blue input[type=date][type=submit], #pregnancy-calculator .blue input[type=radio][type=submit], #pregnancy-calculator .blue input[type=number][type=submit], #pregnancy-calculator .blue input[type=text][type=submit] { border-color: #009dd1; } #pregnancy-calculator .blue select { border-color: #b9e0ed; background-color: #deedf2; } #pregnancy-calculator .blue .topbutton a { color: #009dd1; } #pregnancy-calculator .blue #colour-vert-hider span { background-color: #009dd1; } #pregnancy-calculator .blue .welcome-content { border-bottom-color: #009dd1; } #pregnancy-calculator .blue .emojionearea, #pregnancy-calculator .blue .emojionearea.form-control { border-color: rgba(0, 157, 209, 0.25); } #pregnancy-calculator .blue .underbar::after { background: #009dd1; } #pregnancy-calculator .blue .down-arrow { border-color: #009dd1; background-color: #deedf2; } #pregnancy-calculator .blue .down-arrow::after, #pregnancy-calculator .blue .down-arrow::before { background: #009dd1; } #pregnancy-calculator .blue .referral { border-top-color: #009dd1; } #pregnancy-calculator .blue .referral .icon { color: #009dd1; } #pregnancy-calculator .blue .faq-item ol { font-weight: normal; font-size: 18px; } #pregnancy-calculator .blue .faq-item h3 span { color: #009dd1; } #pregnancy-calculator .blue .help-popover, #pregnancy-calculator .blue .help-close { border-color: #009dd1; background-color: #deedf2; color: #009dd1; } #pregnancy-calculator .green .primary-fg { color: #8cc63e; } #pregnancy-calculator .green .reversed, #pregnancy-calculator .green .reversed p { color: #f7f6f6; } #pregnancy-calculator .green .primary-bg { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #8cc63e; } #pregnancy-calculator .green .bg-75 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(140, 198, 62, 0.75); background-color: #a7d26c; } #pregnancy-calculator .green .bg-50 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #c2de9a; } #pregnancy-calculator .green .bg-25 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #dceac8; } #pregnancy-calculator .green .bg-10 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #ecf1e4; } #pregnancy-calculator .green .form-modal { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(140, 198, 62, 0.96); } #pregnancy-calculator .green input[type=email], #pregnancy-calculator .green input[type=password], #pregnancy-calculator .green input[type=date], #pregnancy-calculator .green input[type=radio], #pregnancy-calculator .green input[type=number], #pregnancy-calculator .green input[type=text] { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; border-color: #dceac8; } #pregnancy-calculator .green input[type=email][type=submit], #pregnancy-calculator .green input[type=password][type=submit], #pregnancy-calculator .green input[type=date][type=submit], #pregnancy-calculator .green input[type=radio][type=submit], #pregnancy-calculator .green input[type=number][type=submit], #pregnancy-calculator .green input[type=text][type=submit] { border-color: #8cc63e; } #pregnancy-calculator .green select { border-color: #dceac8; background-color: #ecf1e4; } #pregnancy-calculator .green .topbutton a { color: #8cc63e; } #pregnancy-calculator .green #colour-vert-hider span { background-color: #8cc63e; } #pregnancy-calculator .green .welcome-content { border-bottom-color: #8cc63e; } #pregnancy-calculator .green .emojionearea, #pregnancy-calculator .green .emojionearea.form-control { border-color: rgba(140, 198, 62, 0.25); } #pregnancy-calculator .green .underbar::after { background: #8cc63e; } #pregnancy-calculator .green .down-arrow { border-color: #8cc63e; background-color: #ecf1e4; } #pregnancy-calculator .green .down-arrow::after, #pregnancy-calculator .green .down-arrow::before { background: #8cc63e; } #pregnancy-calculator .green .referral { border-top-color: #8cc63e; } #pregnancy-calculator .green .referral .icon { color: #8cc63e; } #pregnancy-calculator .green .faq-item ol { font-weight: normal; font-size: 18px; } #pregnancy-calculator .green .faq-item h3 span { color: #8cc63e; } #pregnancy-calculator .green .help-popover, #pregnancy-calculator .green .help-close { border-color: #8cc63e; background-color: #ecf1e4; color: #8cc63e; } #pregnancy-calculator .orange .primary-fg { color: #f27052; } #pregnancy-calculator .orange .reversed, #pregnancy-calculator .orange .reversed p { color: #f7f6f6; } #pregnancy-calculator .orange .primary-bg { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f27052; } #pregnancy-calculator .orange .bg-75 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(242, 112, 82, 0.75); background-color: #f3927b; } #pregnancy-calculator .orange .bg-50 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f5b3a4; } #pregnancy-calculator .orange .bg-25 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f6d5cd; } #pregnancy-calculator .orange .bg-10 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f7e9e6; } #pregnancy-calculator .orange .form-modal { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(242, 112, 82, 0.96); } #pregnancy-calculator .orange input[type=email], #pregnancy-calculator .orange input[type=password], #pregnancy-calculator .orange input[type=date], #pregnancy-calculator .orange input[type=radio], #pregnancy-calculator .orange input[type=number], #pregnancy-calculator .orange input[type=text] { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; border-color: #f6d5cd; } #pregnancy-calculator .orange input[type=email][type=submit], #pregnancy-calculator .orange input[type=password][type=submit], #pregnancy-calculator .orange input[type=date][type=submit], #pregnancy-calculator .orange input[type=radio][type=submit], #pregnancy-calculator .orange input[type=number][type=submit], #pregnancy-calculator .orange input[type=text][type=submit] { border-color: #f27052; } #pregnancy-calculator .orange select { border-color: #f6d5cd; background-color: #f7e9e6; } #pregnancy-calculator .orange .topbutton a { color: #f27052; } #pregnancy-calculator .orange #colour-vert-hider span { background-color: #f27052; } #pregnancy-calculator .orange .welcome-content { border-bottom-color: #f27052; } #pregnancy-calculator .orange .emojionearea, #pregnancy-calculator .orange .emojionearea.form-control { border-color: rgba(242, 112, 82, 0.25); } #pregnancy-calculator .orange .underbar::after { background: #f27052; } #pregnancy-calculator .orange .down-arrow { border-color: #f27052; background-color: #f7e9e6; } #pregnancy-calculator .orange .down-arrow::after, #pregnancy-calculator .orange .down-arrow::before { background: #f27052; } #pregnancy-calculator .orange .referral { border-top-color: #f27052; } #pregnancy-calculator .orange .referral .icon { color: #f27052; } #pregnancy-calculator .orange .faq-item ol { font-weight: normal; font-size: 18px; } #pregnancy-calculator .orange .faq-item h3 span { color: #f27052; } #pregnancy-calculator .orange .help-popover, #pregnancy-calculator .orange .help-close { border-color: #f27052; background-color: #f7e9e6; color: #f27052; } #pregnancy-calculator .purple .primary-fg { color: #816aae; } #pregnancy-calculator .purple .reversed, #pregnancy-calculator .purple .reversed p { color: #f7f6f6; } #pregnancy-calculator .purple .primary-bg { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #816aae; } #pregnancy-calculator .purple .bg-75 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(129, 106, 174, 0.75); background-color: #9f8dc0; } #pregnancy-calculator .purple .bg-50 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #bcb0d2; } #pregnancy-calculator .purple .bg-25 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #dad3e4; } #pregnancy-calculator .purple .bg-10 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #ebe8ef; } #pregnancy-calculator .purple .form-modal { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(129, 106, 174, 0.96); } #pregnancy-calculator .purple input[type=email], #pregnancy-calculator .purple input[type=password], #pregnancy-calculator .purple input[type=date], #pregnancy-calculator .purple input[type=radio], #pregnancy-calculator .purple input[type=number], #pregnancy-calculator .purple input[type=text] { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; border-color: #dad3e4; } #pregnancy-calculator .purple input[type=email][type=submit], #pregnancy-calculator .purple input[type=password][type=submit], #pregnancy-calculator .purple input[type=date][type=submit], #pregnancy-calculator .purple input[type=radio][type=submit], #pregnancy-calculator .purple input[type=number][type=submit], #pregnancy-calculator .purple input[type=text][type=submit] { border-color: #816aae; } #pregnancy-calculator .purple select { border-color: #dad3e4; background-color: #ebe8ef; } #pregnancy-calculator .purple .topbutton a { color: #816aae; } #pregnancy-calculator .purple #colour-vert-hider span { background-color: #816aae; } #pregnancy-calculator .purple .welcome-content { border-bottom-color: #816aae; } #pregnancy-calculator .purple .emojionearea, #pregnancy-calculator .purple .emojionearea.form-control { border-color: rgba(129, 106, 174, 0.25); } #pregnancy-calculator .purple .underbar::after { background: #816aae; } #pregnancy-calculator .purple .down-arrow { border-color: #816aae; background-color: #ebe8ef; } #pregnancy-calculator .purple .down-arrow::after, #pregnancy-calculator .purple .down-arrow::before { background: #816aae; } #pregnancy-calculator .purple .referral { border-top-color: #816aae; } #pregnancy-calculator .purple .referral .icon { color: #816aae; } #pregnancy-calculator .purple .faq-item ol { font-weight: normal; font-size: 18px; } #pregnancy-calculator .purple .faq-item h3 span { color: #816aae; } #pregnancy-calculator .purple .help-popover, #pregnancy-calculator .purple .help-close { border-color: #816aae; background-color: #ebe8ef; color: #816aae; } #pregnancy-calculator .pink .primary-fg { color: #d8394d; } #pregnancy-calculator .pink .reversed, #pregnancy-calculator .pink .reversed p { color: #f7f6f6; } #pregnancy-calculator .pink .primary-bg { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #d8394d; } #pregnancy-calculator .pink .bg-75 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(216, 57, 77, 0.75); background-color: #e06877; } #pregnancy-calculator .pink .bg-50 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #e898a2; } #pregnancy-calculator .pink .bg-25 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #efc7cc; } #pregnancy-calculator .pink .bg-10 { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: #f4e3e5; } #pregnancy-calculator .pink .form-modal { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; background-color: rgba(216, 57, 77, 0.96); } #pregnancy-calculator .pink input[type=email], #pregnancy-calculator .pink input[type=password], #pregnancy-calculator .pink input[type=date], #pregnancy-calculator .pink input[type=radio], #pregnancy-calculator .pink input[type=number], #pregnancy-calculator .pink input[type=text] { -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; border-color: #efc7cc; } #pregnancy-calculator .pink input[type=email][type=submit], #pregnancy-calculator .pink input[type=password][type=submit], #pregnancy-calculator .pink input[type=date][type=submit], #pregnancy-calculator .pink input[type=radio][type=submit], #pregnancy-calculator .pink input[type=number][type=submit], #pregnancy-calculator .pink input[type=text][type=submit] { border-color: #d8394d; } #pregnancy-calculator .pink select { border-color: #efc7cc; background-color: #f4e3e5; } #pregnancy-calculator .pink .topbutton a { color: #d8394d; } #pregnancy-calculator .pink #colour-vert-hider span { background-color: #d8394d; } #pregnancy-calculator .pink .welcome-content { border-bottom-color: #d8394d; } #pregnancy-calculator .pink .emojionearea, #pregnancy-calculator .pink .emojionearea.form-control { border-color: rgba(216, 57, 77, 0.25); } #pregnancy-calculator .pink .underbar::after { background: #d8394d; } #pregnancy-calculator .pink .down-arrow { border-color: #d8394d; background-color: #f4e3e5; } #pregnancy-calculator .pink .down-arrow::after, #pregnancy-calculator .pink .down-arrow::before { background: #d8394d; } #pregnancy-calculator .pink .referral { border-top-color: #d8394d; } #pregnancy-calculator .pink .referral .icon { color: #d8394d; } #pregnancy-calculator .pink .faq-item ol { font-weight: normal; font-size: 18px; } #pregnancy-calculator .pink .faq-item h3 span { color: #d8394d; } #pregnancy-calculator .pink .help-popover, #pregnancy-calculator .pink .help-close { border-color: #d8394d; background-color: #f4e3e5; color: #d8394d; } #pregnancy-calculator .form-modal form input[type=text] { margin: 0; } .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom { right: inherit; left: -14; } .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after { left: 24px; right: inherit; } @media print { body { min-width: 0; } #main { background: transparent; } .container { width: auto; margin: 0 30px; } #section5, #connectionerror, .so-site-announcement-container, .accessibility-quicklinks { display: none !important; } a[href]::after { display: none; } #pregnancy-calculator .hide-print { display: none; } #pregnancy-calculator .panel-switch-button { display: none; } #pregnancy-calculator #canvas { width: 600px !important; height: auto !important; margin: 0 auto; page-break-after: always; } #pregnancy-calculator .advice-content-container { margin: 0 30px; padding-top: 10px; padding-bottom: 10px; } #pregnancy-calculator .advice-content-container div { display: block; } #pregnancy-calculator .underbar::after { display: none; } #pregnancy-calculator .summary-left { width: 100%; text-align: center; } #pregnancy-calculator .logs-header-right { display: none; } #pregnancy-calculator ul { list-style-type: disc; list-style-position: inside; } #pregnancy-calculator ol { list-style-type: decimal; list-style-position: inside; } #pregnancy-calculator ol ul, #pregnancy-calculator ul ul { margin-left: 15px; list-style-type: circle; list-style-position: inside; } #pregnancy-calculator ol ol, #pregnancy-calculator ul ol { margin-left: 15px; list-style-type: lower-latin; list-style-position: inside; } #pregnancy-calculator ul li { font-size: 16px; list-style: disc; } #pregnancy-calculator .advice-content p { font-size: 16px; } .view-print { display: none; } .fixed-header-spacer, .page-top-header.desktop-header, .page-top-header.mobile-header, .footer-boxes, .footer-strip, .acknowledgement { display: none !important; } #banner.short .container img { display: block; height: 70px; width: 238px; margin: 15px auto; } #banner.short .container h1 { text-align: center; } } /*# sourceMappingURL=pregnancy-calculator.css.map */