/* Base CSS */
@font-face {
    font-family: MaurtenSansRegular;
    src: url("../fonts/MaurtenSansRegular.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: MaurtenSansBold;
    src: url("../fonts/MaurtenSansBold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: MaurtenSansItalic;
    src: url("../fonts/MaurtenSansItalic.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: MaurtenSansBoldItalic;
    src: url("../fonts/MaurtenSansBoldItalic.woff2") format("woff2");
    font-display: swap;
}

/* Page Template */

.page-id-11879 .content-wrap,
.page-id-12472 .content-wrap{
    background-color: black;
	color: white;
}

.page-id-12472 .main,
.page-id-11879 .main {
    background-color: black;
	color: white;
}

.page-id-11879 .content-wrap > .container,
.page-id-12472 .content-wrap > .container {
	width: 100%;
}

.page-id-11879 h1.single-title,
.page-id-12472 h1.single-title {
	color: white;
}

/* Structure */
.mf-wizard_wrapper .mf-wizard {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 40px 20px;
    min-height: calc(100svh - 250px);
	font-family: 'MaurtenSansRegular', sans-serif !important;
}

.mf-wizard .gf_progressbar_wrapper,
.mf-wizard .gfield--type-section {
	display: none;
}

.mf-wizard_wrapper .mf-wizard .gform_body .gform_page .gform_page_fields {
    /*min-height: calc(100svh - 250px);*/
}

.mf-wizard_wrapper .mf-wizard #gform_fields_1,
.mf-wizard_wrapper .mf-wizard #gform_fields_1_4 {
	justify-content: space-between;
    display: flex;
    flex-direction: column;
    min-height: calc(100svh - 400px);
}

.mf-wizard_wrapper .mf-wizard .gform_page_footer {
	justify-content: flex-end;
}

/* Typography */ 

body .mf-wizard_wrapper h3 {
    margin: 0;
    font-size: 52px;
    font-style: normal;
    font-weight: 400 !important;
	font-family: 'MaurtenSansRegular', sans-serif !important;
    letter-spacing: -.02em;
    line-height: 1;
    color: white;
}

.mf-wizard_wrapper .gform-field-label {
	font-size: 16px;
	color: white;
}

/* Button Inputs */

body .mf-wizard_wrapper.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	border-color: #fff !important;
    background: #fff !important;
	color: #000 !important;
    border-radius: 0 !important;
}

body .mf-wizard_wrapper.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
	text-decoration: none;
    background-color: black !important;
    color: white !important;
	border-color: #fff !important;
}

body .mf-wizard_wrapper #gform_ajax_spinner_1 {
	order: 1;
}
body .mf-wizard_wrapper .gform_previous_button,
body .mf-wizard_wrapper #gform_submit_button_1 {
	order: 2;
}
body .mf-wizard_wrapper .gform_next_button {
	order: 3;
}


/* Page 1 Field - athlete-choice */
.mf-wizard_wrapper .gfield--type-radio.athlete-choice {
    margin: 50px 0 20px;
    padding: 0;
    border-top: 1px solid #575757;
}

.mf-wizard_wrapper .gfield--type-radio.athlete-choice .gfield_radio {
	gap: 0;
}

.mf-wizard_wrapper .gfield--type-radio.athlete-choice .gfield_radio .gchoice {
	padding: 10px 20px;
    border-bottom: 1px solid #575757;
    display: flex;
    flex-direction: row;
	align-items: center;
}

.mf-wizard_wrapper .gfield--type-radio.athlete-choice .gfield_radio .gchoice .gform-field-label--type-inline {
	--gf-local-margin-x: 0 var(--gf-label-space-x-secondary);
    --gf-local-margin-y: var(--gf-label-space-y-secondary) 0;
	flex-grow: 1;
	font-size: 24px;
    font-weight: 400;
}

.mf-wizard_wrapper .gfield--type-radio.athlete-choice .gfield_radio .gchoice input {
	order: 1;
}

/* Page 2 - Individual Field - athlete-experience */
.mf-wizard_wrapper .gfield--type-radio.athlete-experience {
	margin-top: 40px;
	margin-bottom: -20px;
}

.mf-wizard_wrapper .gfield--type-radio.athlete-experience .gfield_radio {
	flex-direction: row;
}

.mf-wizard_wrapper .gfield--type-radio.athlete-experience .gfield_radio .gchoice {
	margin-right: 36px;
}

/* Page 2 - HTML Fields */
.mf-wizard_wrapper .gfield.gfield--type-html p{
    margin-bottom: 1em;
    margin-top: 2em;
	color: white;
}

.mf-wizard_wrapper .gfield.gfield--type-html a{
    margin-bottom: 1em;
    margin-top: 2em;
	color: white;
	text-decoration: underline;
	font-size: 16px;
}

/* Page 2 - Athlete Weight */
.mf-wizard_wrapper .gfield--type-number.athlete-weight {
	display: flex;
    align-items: center;
	flex-grow: 0;
	flex-basis: 20%;
    margin-bottom: 40px;
    padding: 0 0 10px;
    border-top: 1px solid rgba(255,255,255,.4);
    border-bottom: 1px solid rgba(255,255,255,.4);
}

.mf-wizard_wrapper .gfield--type-number.athlete-weight .weight-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	flex-grow: 1;
}

.mf-wizard_wrapper .gfield--type-number.athlete-weight .xs-text {
    color: rgba(255,255,255,.6);
	font-size: 14px;
}

.mf-wizard_wrapper .gfield--type-number.athlete-weight .weight-text .weight-kg {
    font-size: 72px;
    line-height: normal;
    color: white;
}

.mf-wizard_wrapper .gfield--type-number.athlete-weight input{
	font-size: 54px;
    height: auto;
    background: black;
    color: white;
    border: black;
    -moz-appearance: textfield;
    appearance: textfield;
}
.mf-wizard_wrapper .gfield--type-number.athlete-weight input::-webkit-inner-spin-button,
.mf-wizard_wrapper .gfield--type-number.athlete-weight input::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}

.mf-wizard_wrapper .gfield--type-number.athlete-weight .gfield_description,
.mf-wizard_wrapper .gfield--type-number.athlete-weight .ginput_container{
	display:none;
}


.mf-wizard_wrapper .increase-decrease-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100px;
    position: relative;
    flex-wrap: wrap;
    margin-top: 38px;
}

@media screen and (min-width: 440px) {
    .mf-wizard_wrapper .increase-decrease-buttons {
        -webkit-box-pack:space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        width: 100px;
    }
}

.mf-wizard_wrapper .increase-decrease-buttons .plus-button,
.mf-wizard_wrapper .increase-decrease-buttons .plus-button-pressed,
.mf-wizard_wrapper .increase-decrease-buttons .minus-button-pressed,
.mf-wizard_wrapper .increase-decrease-buttons .minus-button {
    width: 40px;
    min-width: unset;
    height: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mf-wizard_wrapper .increase-decrease-buttons .plus-button:hover,
.mf-wizard_wrapper .increase-decrease-buttons .plus-button-pressed:hover,
.mf-wizard_wrapper .increase-decrease-buttons .minus-button-pressed:hover,
.mf-wizard_wrapper .increase-decrease-buttons .minus-button:hover {
    cursor: pointer;
}

.mf-wizard_wrapper .increase-decrease-buttons .plus-button {
    background-image: url(../images/button-plus.svg);
}

.mf-wizard_wrapper .increase-decrease-buttons .plus-button-pressed {
    background-image: url(../images/button-plus-pressed.svg);
}

.mf-wizard_wrapper .increase-decrease-buttons .minus-button {
    background-image: url(../images/button-minus.svg);
}

.mf-wizard_wrapper .increase-decrease-buttons .minus-button-pressed {
    background-image: url(../images/button-minus-pressed.svg);
}

.mf-wizard_wrapper .increase-decrease-buttons .buttons-description {
    font-size: 14px;
    text-align: center;
    line-height: normal;
    color: white;
    margin-top: 15px;
}


/* Page 2 Sports Dicil=plines */

#field_1_27 .gfield_checkbox .gchoice,
#field_1_28 .gfield_checkbox .gchoice {
	direction: rtl;
	text-align: left;
}

#field_1_27 .gfield_checkbox .gchoice input,
#field_1_28 .gfield_checkbox .gchoice input {
    border: 0;
    outline: none !important;
    color: black;
    background: black;
    accent-color: black;
    --gf-local-shadow: none;
}

#field_1_27 .gfield_checkbox .gchoice input:active,
#field_1_27 .gfield_checkbox .gchoice input:focus,
#field_1_28 .gfield_checkbox .gchoice input:active,
#field_1_28 .gfield_checkbox .gchoice input:focus {
	border: 0;
    outline: none !important;
    --gf-local-shadow: none;
}

#field_1_27 .gfield_checkbox .gchoice input::before,
#field_1_28 .gfield_checkbox .gchoice input::before {
	color: white;
}




/* Page 3 - How To - Examples */

.mf-wizard_wrapper .examples-block .examples {
    margin: 20px 0 auto;
    padding: 0 15px 15px;
    border: 1px solid rgba(255,255,255,.4);
    color: rgba(255,255,255,.6);
}

.mf-wizard_wrapper .examples-block p {
	margin-bottom: 10px !important;
    margin-top: 0 !important;
}

.mf-wizard_wrapper .examples-block .example-heading {
    display: block;
    margin-top: 15px;
}

.mf-wizard_wrapper .examples-block .ex-calc {
    display: block;
    padding-bottom: 3px;
    font-size: 13px;
}

.mf-wizard_wrapper .examples-block .ex-calc.matching {
    color: #fff;
}

.mf-wizard_wrapper .examples-block p.ex-conclusion {
    margin-top: 6px;
    margin-bottom: 18px;
}

.mf-wizard_wrapper .examples-block p.ex-conclusion:last-of-type {
    margin-bottom: 0;
}

.mf-wizard_wrapper .examples-block .show-full-example-link {
    display: block;
    margin-top: 12px;
    color: #fff;
    font-size: 13px;
}

.mf-wizard_wrapper .examples-block .show-full-example-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.mf-wizard_wrapper .examples-block .expandable-content {
    display: none;
}

/* Page 3 - How To - Examples */
.mf-wizard_wrapper .how-to-calculations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,.4);
    border-bottom: 1px solid rgba(255,255,255,.4)
}

.mf-wizard_wrapper .how-to-calculations .calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0;
}

.mf-wizard_wrapper .how-to-calculations .calc .xs-text {
	font-size: 14px;
	line-height: normal;
}

.mf-wizard_wrapper .how-to-calculations .calc:first-of-type {
    border-right: 1px solid rgba(255,255,255,.4);
}

.mf-wizard_wrapper .how-to-calculations .calc:last-of-type {
    margin-left: 15px;
}

.mf-wizard_wrapper .how-to-calculations .calc .calculation {
    font-size: 40px;
	color: white;
	line-height: normal;
}

/* Page 4 - All Checkout Structure */
.mf-wizard_wrapper #gform_page_1_4 .gform_fields {
	grid-row-gap: 0px;
}

.mf-wizard_wrapper .multiple-order-details-intro {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(255,255,255,.4);
}

/* Page 4 - Multiple Checkout */
.mf-wizard_wrapper .gform_fields .multiple-product-checkout:first-child {
	padding-top: 50px;
	border-top: 1px solid rgba(255,255,255,.4);
}
.mf-wizard_wrapper .gfield--type-number.multiple-product-checkout {
	display: flex;
	align-items: center;
	padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.4);
}
.mf-wizard_wrapper .gfield--type-number.multiple-product-checkout label {
	margin-bottom: 0;
	flex-grow: 1;
}
.mf-wizard_wrapper .gfield--type-number.multiple-product-checkout .ginput_container {
	flex-basis: 64px;
}
.mf-wizard_wrapper .gfield--type-number.multiple-product-checkout .ginput_container input {
	height: 42px;
    border-radius: 6px;
    background: black;
    color: #fff;
	padding:4px 8px;
	font-size: 16px;
}

.mf-wizard_wrapper .gfield--type-number.multiple-product-checkout .gfield_description {
	display: none;
}

/* Page 4 - Multiple Checkout Total */
.mf-wizard_wrapper .gfield--type-number.multiple-checkout-total {
	display: flex;
	align-items: flex-start;
	padding: 10px 0;
	margin-bottom: 64px;
}
.mf-wizard_wrapper .gfield--type-number.multiple-checkout-total label {
	margin-bottom: 0;
	flex-grow: 1;
	order: 1;
}
.mf-wizard_wrapper .gfield--type-number.multiple-checkout-total .ginput_container {
	flex-basis: fit-content;
	order: 3;
}
.mf-wizard_wrapper .gfield--type-number.multiple-checkout-total .ginput_container input {
    border-radius: 6px;
    background: black;
    color: #fff;
	font-size: 16px;
	border: 0px;
    width: auto;
    padding: 0 0 0 5px !important;
    height: 20px;
    max-width: 56px;
}
.mf-wizard_wrapper .gfield--type-number.multiple-checkout-total .gfield_description {
	order: 2;
	font-size: 16px;
	margin-top: 0px;
}

/* Individual - Athlete Checkout - Product Image */

.mf-wizard_wrapper  .product-image img {
    display: block;
    max-height: 210px;
    margin: auto
}

@media screen and (min-width: 420px) {
    .mf-wizard_wrapper  .product-image img {
        max-height:310px
    }
}

@media screen and (min-width: 1024px) {
    .mf-wizard_wrapper .product-image img {
        max-height:400px
    }
}

/* Individual - Athlete Checkout - recommended-notification */

.mf-wizard_wrapper .gfield_html.individual-product-description {
	margin-bottom: -60px;
}

.mf-wizard_wrapper .gfield_html .recommended-notification {
    display: block;
    position: relative;
    z-index: 1003;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background-color: rgba(90,90,90,.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 4px;
	width: 100%;
    bottom: 82px;
}

.mf-wizard_wrapper .gfield_html .recommended-notification .product-tooltip {
	margin: 0;
}

.mf-wizard_wrapper .gfield_html .recommended-notification:after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 14%;
    width: 0;
    height: 0;
    margin-left: -10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 10px solid transparent;
    border-bottom-color: rgba(255,255,255,.15);
    pointer-events: none
}

.mf-wizard_wrapper .gfield_html .recommended-notification.index-1 {
    right: unset
}

.mf-wizard_wrapper .gfield_html .recommended-notification.index-1:after {
    right: unset;
    left: 50%
}

.mf-wizard_wrapper .gfield_html .recommended-notification.index-2 {
    right: unset
}

.mf-wizard_wrapper .gfield_html .recommended-notification.index-2:after {
    right: unset;
    left: 50%
}


/* Individual - Athlete Checkout - product selection */

.mf-wizard_wrapper .system-product .gfield_description {
	font-size: 13px;
    font-weight: 300;
	color: white;
}

.mf-wizard_wrapper .system-product {
	margin-bottom: 50px;
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio {
	flex-direction: row;
	gap: 0;
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice{
	flex-grow: 1;
	justify-content: center;
	display: flex;
    flex-direction: column;
    align-items: center;
	border: 1px solid #fff;
    background-color: #000;
    color: #fff;
	padding: 0;
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice.active {
	color: #000;
	background-color: #fff;
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice label{
	font-size: 15px;
    font-weight: 400;
    line-height: 1;
	margin: 0;
	color: #fff;
	width: 100%;
	text-align: center;
	cursor: pointer;
	padding: 12px 16px;
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice label::before {
    content: 'Medium dose';
    font-size: 10px;
    width: 100%;
    display: block;
	padding-bottom: 5px;
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice.mininmum label::before {
	content: 'Minimum dose';
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice.mininmum label::before {
	content: 'Maximum dose';
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice.active label{
	color: #000;
}

.mf-wizard_wrapper .system-product .ginput_container .gfield_radio .gchoice .gfield-choice-input {
	display: none;
}

/* Individual - Athlete Checkout - product description */

.mf-wizard_wrapper .product-title.gfield_html h3 {
	margin-left: -4px;
}

.mf-wizard_wrapper .product-description.gfield.gfield--type-html p{
	margin-top: 5px;
    margin-bottom: 0;
}

.mf-wizard_wrapper .weight-string,
.mf-wizard_wrapper .product-tooltip span {
	color: white;
}


@media (max-width: 480px){
    body .mf-wizard_wrapper h3 {
        font-size: 36px!important;
    }

    .mf-wizard_wrapper .how-to-calculations .calc .calculation {
        font-size: 28px;
    }

    body .mf-wizard_wrapper svg:not(:root) {
        width: 100%;
        overflow: visible;
        height: auto;
        margin-bottom: 30px;
    }
}

/* MOBILE */
body .mf-wizard_wrapper .satchet-sizes-svg.desktop {
    display: none;
}
body .mf-wizard_wrapper .satchet-sizes {
	margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
	body .mf-wizard_wrapper .satchet-sizes-svg.mobile {
		display: none;
	}
	body .mf-wizard_wrapper .satchet-sizes-svg.desktop {
		display: block;
	}
}