/*
    Theme Name: Lunatik Athletiks (2026)
    Author: Whetham Solutions
    Author URI: https://whethamsolutions.com
    Description: Wordpress theme for Lunatik Athletiks. Use of this theme outside of this company's website is strictly prohibited.
    Template: ion
    Text Domain: la
*/
#footer,.home-hero-socks .sock,.rounded-form .rounded-form-fields,.wizard,.wizard-meta .step1,.wizard-meta .step2 {
    position: relative
}

.preheader .menu-trigger a,.rounded-form .rounded-form-fields button {
    align-items: center;
    height: clamp(28px,2.19vw,42px);
    width: clamp(28px,2.19vw,42px)
}

#footer h6,.hero .hero-content h1+p {
    font-size: var(--font-size--large)
}

#footer a,#footer h6,#footer p,.hero .hero-content h1,.hero .hero-content p {
    color: #fff
}

#header ul li#openSideMenu a,.home-content {
    background-size: contain;
    background-repeat: no-repeat
}

#footer,.home-content {
    background-repeat: no-repeat
}

#footer h6,.elementor-widget-woocommerce-my-account :not(h2,h3,h4,h5),.wizard *,.wizard-meta * {
    font-family: var(--font)
}

#qo-form table tbody tr td:last-child,.sizing-wizard .sw-left {
    max-width: clamp(320px,25vw,480px)
}

:root {
    --radius: clamp(13.333333333333334px, 1.0416666666666667vw, 20px);
    --spacing: clamp(113.33333333333333px, 8.854166666666666vw, 130px);
    --font-size: clamp(14.67px, 1.15vw, 22.00px);
    --font-size--large: clamp(19.33px, 1.51vw, 29.00px);
    --font-size--small: clamp(12.00px, 0.94vw, 18.00px);
    --font-size--h1: clamp(56.67px, 4.43vw, 85.00px);
    --font-size--h2: clamp(36px, 3.33vw, 64.00px);
    --font-size--h3: clamp(30.00px, 2.34vw, 45.00px);
    --font-size--h4: clamp(25.33px, 1.98vw, 38.00px);
    --font-size--h5: clamp(20.67px, 1.61vw, 31.00px);
    --font-size--h6: clamp(17.33px, 1.35vw, 26.00px);
    --font: "polymath",sans-serif;
    --heading: "polymath-display",sans-serif;
    --logo-font: "din-2014",sans-serif;
    --narrow: "din-2014-narrow",sans-serif;
    --line-height: 1.625;
    --line-height--small: 1.0833333333333333;
    --line-height--large: 2.4375;
    --line-height--heading: 0.9200000166893005;
    --primary: #552988;
    --secondary: #18AFEE;
    --text: #606060;
    --dark: #1F0E3B;
    --light: #F3F0F6;
    --grey: #999999;
    --lightpurple: #D18CFF;
    --gradient: linear-gradient(133deg,rgba(85, 41, 136, 1) 0%, rgba(18, 32, 86, 1) 100%);
    --gradient--fallback: #122056;
    --gradient2: linear-gradient(#A342DB 0%, #8931DB 63%, #7926DA 100%);
    --gradient2--fallback: #A342DB;
    --button-background--primary: var(--primary);
    --button-background--secondary: var(--secondary);
    --button-border-width: 0px;
    --button-padding--top: clamp(9px, 0.73vw, 14px);
    --button-padding--bottom: var(--button-padding--top);
    --button-padding--left: clamp(27px, 2.08vw, 40px);
    --button-padding--right: var(--button-padding--left);
    --button-radius: 100px
}

body {
    font-weight: 300
}

#footer {
    background-image: url(i/footer-bg.jpg);
    background-size: cover;
    background-position: top center;
    padding: clamp(67px,5.21vw,100px) clamp(20px,1.56vw,30px);
    z-index: 2000
}

#footer .footer-logo svg :not([fill="#18AFEE"]),.preheader .elementor-icon-list-items li:first-child a svg path[fill="#552988"] {
    fill: #fff
}

#footer ul li svg {
    width: clamp(17px,1.3vw,25px);
    height: clamp(17px,1.3vw,25px);
    margin-right: clamp(3px,.26vw,5px)
}

#footer .footer-links ul li:not(:last-child),.single-product-page .woocommerce-tabs ul li:not(:last-child) {
    margin: 0 0 clamp(7px,.52vw,10px)
}

#footer a:focus,#footer a:hover {
    color: #fec9ff
}

#footer .footer-copyright p {
    text-transform: uppercase;
    font-family: var(--narrow);
    font-size: var(--font-size--small);
    font-weight: 200
}

#footer .footer-copyright p span {
    color: #8571ea;
    margin: 0 clamp(3px,.26vw,5px)
}

#footer .footer-social li {
    margin: 0
}

#footer .footer-social li a svg *,.side-navigation .menu li.social a svg * {
    transition: var(--transition)
}

#footer .footer-social li a:focus svg *,#footer .footer-social li a:hover svg * {
    fill: #FEC9FF
}

#footer .footer-payment-icons {
    margin-left: clamp(33px,2.6vw,50px)
}

#footer .footer-copyright {
    padding-top: clamp(100px,7.81vw,150px)
}

.rounded-form .rounded-form-fields input:not([type=submit]) {
    background: #fff;
    width: 100%;
    z-index: 1;
    border: 1px solid #fff;
    font-size: var(--font-size--small);
    border-radius: clamp(67px,5.21vw,100px);
    padding: clamp(11px,.68vw,13px) clamp(42px,3.28vw,63px) clamp(11px,.68vw,13px) clamp(18px,1.41vw,27px);
    line-height: 1;
    min-height: clamp(37px,2.86vw,55px)
}

.rounded-form .rounded-form-fields button {
    background-color: var(--secondary);
    border: none;
    line-height: 1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: clamp(7px,.52vw,10px);
    bottom: 0;
    margin: auto;
    transition: var(--transition);
    cursor: pointer
}

.rounded-form .rounded-form-fields button:focus,.rounded-form .rounded-form-fields button:hover {
    background-color: var(--primary)
}

.clinics-archive .elementor-posts .elementor-post__read-more,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a,.learndash-wrapper .btn,.simple-form button[type=submit],.simple-form input[type=submit],html .elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button {
    font-family: var(--button-text--font);
    font-size: var(--button-text--size);
    padding: var(--button-padding--top) var(--button-padding--right) var(--button-padding--bottom) var(--button-padding--left)!important;
    background-color: var(--button-background--primary);
    color: var(--button-text--colour)!important;
    line-height: 1;
    font-weight: var(--button-text--weight);
    border-radius: var(--button-radius);
    text-transform: var(--button-text--casing);
    border: var(--button-border-width) solid var(--button-background--primary);
    cursor: pointer;
    display: inline-block;
    transition: var(--transition);
    letter-spacing: var(--button-text--letter-spacing)
}

.clinics-archive .elementor-posts .elementor-post__read-more,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button,.learndash-wrapper .btn,.simple-form button[type=submit],.simple-form input[type=submit] {
    border-radius: 200px!important;
    border: none!important;
    outline: 0!important
}

.clinics-archive .elementor-posts .elementor-post__read-more,.clinics-archive .elementor-posts .elementor-post__read-more:focus,.clinics-archive .elementor-posts .elementor-post__read-more:hover,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:hover,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a:hover,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:hover,.learndash-wrapper .btn,.learndash-wrapper .btn:focus,.learndash-wrapper .btn:hover,:hover .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover {
    background: var(--gradient2--fallback)!important;
    background: var(--gradient2)!important;
    font-size: var(--font-size--small)!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:hover,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a:hover,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:hover,.link-button a,.link-button a:focus,.link-button a:hover,.simple-form button[type=submit],.simple-form button[type=submit]:focus,.simple-form button[type=submit]:hover,.simple-form input[type=submit],.simple-form input[type=submit]:focus,.simple-form input[type=submit]:hover,html .button,html .button.ghost:focus,html .button.ghost:hover,html .button.secondary:focus,html .button.secondary:hover,html .button:focus,html .button:hover,html .elementor-button,html .elementor-button:focus,html .elementor-button:hover,html .elementor-element.elementor-button-info .elementor-button:focus,html .elementor-element.elementor-button-info .elementor-button:hover,html .elementor-element.elementor-button-success .elementor-button:focus,html .elementor-element.elementor-button-success .elementor-button:hover,html .elementor-form .elementor-button,html .elementor-form .elementor-button:focus,html .elementor-form .elementor-button:hover,html .woocommerce #respond input#submit,html .woocommerce #respond input#submit.alt,html .woocommerce #respond input#submit.alt:hover,html .woocommerce #respond input#submit:hover,html .woocommerce a.button,html .woocommerce a.button.alt,html .woocommerce a.button.alt:focus,html .woocommerce a.button.alt:hover,html .woocommerce a.button:focus,html .woocommerce a.button:hover,html .woocommerce button.button,html .woocommerce button.button.alt,html .woocommerce button.button.alt:focus,html .woocommerce button.button.alt:hover,html .woocommerce button.button:focus,html .woocommerce button.button:hover,html .woocommerce input.button,html .woocommerce input.button.alt,html .woocommerce input.button.alt:focus,html .woocommerce input.button.alt:hover,html .woocommerce input.button:focus,html .woocommerce input.button:hover {
    background: var(--gradient2--fallback);
    background: var(--gradient2)
}

#header,.preheader .menu-trigger a:focus,.preheader .menu-trigger a:hover {
    background-color: #fff
}

.arf_submit_btn:focus,.arf_submit_btn:hover,.clinics-archive .elementor-posts .elementor-post__read-more:focus,.clinics-archive .elementor-posts .elementor-post__read-more:hover,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-pagination a:hover,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:hover,.learndash-wrapper .btn:focus,.learndash-wrapper .btn:hover,.link-button a:focus,.link-button a:hover,.simple-form button[type=submit]:focus,.simple-form button[type=submit]:hover,.simple-form input[type=submit]:focus,.simple-form input[type=submit]:hover,html .button.ghost:focus,html .button.ghost:hover,html .button.secondary:focus,html .button.secondary:hover,html .button:focus,html .button:hover,html .elementor-button:focus,html .elementor-button:hover,html .elementor-element.elementor-button-info .elementor-button:focus,html .elementor-element.elementor-button-info .elementor-button:hover,html .elementor-element.elementor-button-success .elementor-button:focus,html .elementor-element.elementor-button-success .elementor-button:hover,html .elementor-form .elementor-button:focus,html .elementor-form .elementor-button:hover,html .woocommerce #respond input#submit.alt:hover,html .woocommerce #respond input#submit:hover,html .woocommerce a.button.alt:focus,html .woocommerce a.button.alt:hover,html .woocommerce a.button:focus,html .woocommerce a.button:hover,html .woocommerce button.button.alt:focus,html .woocommerce button.button.alt:hover,html .woocommerce button.button:focus,html .woocommerce button.button:hover,html .woocommerce input.button.alt:focus,html .woocommerce input.button.alt:hover,html .woocommerce input.button:focus,html .woocommerce input.button:hover {
    filter: grayscale(1)
}

.hero {
    padding-top: clamp(30px,3.91vw,75px)!important
}

.home.hero {
    min-height: clamp(507px,39.58vw,760px)!important
}

.hero .hero-content p a:last-child {
    padding: clamp(8px,.63vw,12px) clamp(25px,1.98vw,38px);
    background: 0 0;
    border: 1px solid #fff;
    margin-left: clamp(3px,.26vw,5px)
}

.hero .hero-content p a em,a#store_locator_get_all_stores i,a#store_locator_get_my_position i {
    font-style: normal
}

.hero .hero-content p a:last-child:focus,.hero .hero-content p a:last-child:hover {
    background: var(--dark);
    border-color: var(--dark)
}

.hero .hero-content {
    padding: clamp(73px,5.73vw,110px) 0
}

.hero .hero-content h1 {
    margin: 0 0 clamp(5px,.42vw,8px)
}

.hero .hero-content h1 em {
    display: block;
    font-style: normal
}

.hero .hero-content h1 em strong {
    font-weight: inherit;
    color: var(--lightpurple)
}

.hero .hero-content h1+p {
    margin: 0 0 clamp(31px,3.85vw,74px)
}

.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-icon {
    border: solid #d18cff;
    width: clamp(23px,1.77vw,34px);
    height: clamp(23px,1.77vw,34px);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-right: clamp(3px,.26vw,5px)
}

.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-icon svg {
    margin: 0;
    width: 55%!important;
    height: auto;
    max-height: 70%
}

.preheader .elementor-icon-list-items li:not(:first-child) a {
    color: #fff;
    font-weight: 600;
    font-size: clamp(11px, .89vw, 17px);
    font-family: var(--font)
}

.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text span {
    display: block;
    font-size: clamp(11px, .68vw, 13px);
    font-weight: 400
}

.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text {
    line-height: 1.2
}

.preheader .elementor-icon-list-items li:not(:first-child,:last-child) {
    margin-right: clamp(27px,2.08vw,40px)!important;
    margin-left: 0!important;
    transition: var(--transition)
}

.preheader.active .elementor-icon-list-items li:not(:first-child,:last-child) {
    margin-right: clamp(13px,1.04vw,20px)!important
}

.preheader .elementor-icon-list-items li {
    margin-bottom: 0!important
}

.preheader .elementor-icon-list-items li:not(:first-child) a:focus,.preheader .elementor-icon-list-items li:not(:first-child) a:hover {
    color: var(--lightpurple)
}

.preheader .elementor-icon-list-items li:first-child a,.preheader .elementor-icon-list-items li:first-child a svg {
    width: clamp(159px,12.45vw,239px);
    height: clamp(17px,1.3vw,25px)
}

.preheader .elementor-icon-list-items li:first-child {
    width: 0!important;
    height: clamp(17px,1.3vw,25px)!important;
    transition: width .3s!important;
    overflow: hidden!important;
    margin: 0!important
}

#header ul li:first-child,.preheader .elementor-widget-icon-list,.wizard .form-row label {
    margin-right: auto
}

.preheader .menu-trigger a {
    background: var(--secondary);
    display: flex;
    justify-content: center;
    border-radius: 100%;
    position: relative
}

.preheader .menu-trigger a svg {
    width: clamp(16px,1.25vw,24px);
    height: clamp(16px,1.25vw,24px)
}

.preheader .menu-trigger a svg * {
    fill: #fff;
    transition: var(--transition)
}

.contact-box li a .elementor-icon-list-icon svg *,.preheader .menu-trigger a:focus svg *,.preheader .menu-trigger a:hover svg * {
    fill: var(--primary)
}

.home-pillar a.block-link:before,.preheader:after {
    background: var(--gradient--fallback);
    position: absolute;
    content: "";
    bottom: 0
}

.preheader .menu-trigger {
    width: 0;
    height: clamp(28px,2.19vw,42px);
    transition: var(--transition)!important;
    overflow: hidden;
    margin-left: clamp(-30px,-1.56vw,-20px)
}

.preheader,.preheader:after {
    margin: auto;
    transition: var(--transition);
    right: 0;
    left: 0
}

.preheader.active .menu-trigger {
    width: clamp(28px,2.19vw,42px);
    margin-left: clamp(-15px,-.78vw,-10px)
}

.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text span span {
    display: inline
}

.preheader {
    padding: clamp(7px,.52vw,10px) clamp(20px,1.56vw,30px) clamp(6px,.47vw,9px);
    position: fixed!important;
    top: 0;
    z-index: 1150!important;
    border-bottom: 0 solid #fff
}

.admin-bar .preheader {
    top: 32px
}

.preheader:after {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient);
    z-index: 1;
    opacity: 0
}

#gift_card_balance_email,#header ul li#openSideMenu a i,#mcart,#mdocs-list-table .mdocs-thumbnails,#store_locator #store_locator_search_box>.store-locator-row:first-child,#store_locator #store_locator_search_box>.store-locator-row:nth-child(4),#store_locator_search_box .store_modal_title,.achi-block-link a .button,.achi-block-links .button,.elementor-widget-woocommerce-my-account .course img,.gift_card_balance_email,.learndash-wrapper .ld-tabs .ld-tabs-content hr,.login-page .woocommerce h2,.pg-section .arf_form .formtitle_style,.single-product-page .product .product-right h1,.single-product-page .woocommerce-variation-availability,.single-product-page .woocommerce-variation-price,.single-product-page span.posted_in,.single-stores .store_locator_single_categories,.single-stores .store_locator_single_clear,.single-stores .store_locator_single_filter,.size-chart table td br,.store_locator_result_list_box hr,.wizard .wizard-heading h2 span,.wizard-buttons#step1 .prev,.wizard-buttons#step3 .next,.woocommerce-remove-coupon,li#tab-title-ywtm-size-chart,nav.woocommerce-breadcrumb,span.gift_card_balance_code_desc,span.gift_card_balance_email_desc {
    display: none
}

.preheader.active {
    border-bottom: 1px solid #fff
}

.preheader.active:after {
    opacity: 1
}

.home-hero-socks .sock img,.preheader .e-con-inner {
    position: relative;
    z-index: 10
}

.preheader.active .elementor-icon-list-items li:first-child {
    width: clamp(159px,12.45vw,239px)!important;
    margin-right: clamp(17px,1.3vw,25px)!important
}

.consider-this-posts .ct-post:first-child,.preheader .elementor-icon-list-items,.woocommerce div.product form.cart .variations td.value {
    align-items: center
}

#header {
    position: relative;
    box-shadow: 0 clamp(1px,.1vw,2px) clamp(7px,.52vw,10px) rgba(0,0,0,.3);
    padding: clamp(15px,1.15vw,22px) clamp(20px,1.56vw,30px)
}

#header ul li:first-child a em {
    font-style: normal;
    display: block;
    color: var(--text);
    font-family: var(--logo-font);
    text-transform: uppercase;
    font-size: clamp(9px, .73vw, 14px);
    letter-spacing: 2.2px;
    margin: clamp(3px,.21vw,4px) 0 0
}

#header ul li:first-child a {
    display: flex;
    line-height: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#header ul li:not(:first-child,:last-child) a {
    color: var(--dark);
    font-weight: 400;
    padding: clamp(7px,.57vw,11px) clamp(18px,1.41vw,27px)
}

#header ul li:not(:first-child,:last-child) a:focus,#header ul li:not(:first-child,:last-child) a:hover,.achi-block-links a:focus .block-link-heading,.achi-block-links a:hover .block-link-heading,.contact-box li a:focus,.contact-box li a:hover {
    color: var(--primary)
}

#header ul li:not(:first-child,:last-child):nth-child(2) {
    padding-left: 0
}

#header ul li#openSideMenu a {
    width: 27px;
    height: 19px;
    background-position: center;
    background-image: url(i/icons/icon-menu.svg);
    margin-left: 20px
}

.home-pillars {
    position: relative!important;
    z-index: 100!important
}

.home-pillar a.block-link {
    overflow: hidden;
    display: block;
    height: clamp(325px,25.36vw,487px);
    border-radius: var(--radius);
    position: relative
}

.home-pillar a.block-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: relative
}

.home-pillar a.block-link:before {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    background: var(--gradient);
    transition: var(--transition);
    opacity: .39
}

.home-pillar a.block-link:focus:before,.home-pillar a.block-link:hover:before {
    opacity: .8
}

.home-pillar a.block-link .block-link-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.home-pillar a.block-link .block-link-text .button {
    background: #fff;
    color: var(--dark);
    box-shadow: 0 clamp(3px,.21vw,4px) clamp(16px,1.25vw,24px) 0 rgba(209,140,255,.6);
    position: absolute;
    bottom: 0;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: var(--transition);
    width: clamp(141px,10.99vw,211px)
}

.home-pillar a.block-link:focus .block-link-text .button,.home-pillar a.block-link:hover .block-link-text .button {
    opacity: 1;
    bottom: clamp(40px,3.13vw,60px)
}

.home-pillar a.block-link .block-link-text .block-link-heading {
    color: #fff;
    font-family: var(--heading);
    font-weight: 700;
    font-size: var(--font-size--h2);
    text-align: center;
    display: block;
    line-height: 1;
    margin: 0 0 clamp(40px,3.13vw,60px);
    transition: var(--transition)
}

.home-pillar a.block-link:focus .block-link-text .block-link-heading,.home-pillar a.block-link:hover .block-link-text .block-link-heading {
    margin: clamp(-75px,-3.91vw,-50px) 0 clamp(40px,3.13vw,60px)
}

.home-pillar a.block-link .block-link-text .block-link-heading em {
    font-style: normal;
    font-size: 77%;
    display: block;
    font-weight: 200
}

.home-pillar a.block-link .block-link-subtext svg {
    width: auto;
    height: clamp(47px,3.65vw,70px)
}

.home-content {
    background-image: url(i/bg-waves.png);
    background-position: bottom center;
    margin-top: clamp(47px,3.65vw,70px)
}

.gift-card-lead {
    background: var(--gradient-fallback);
    background: var(--gradient);
    border-radius: var(--radius);
    align-items: flex-end!important;
    padding: clamp(20px,1.56vw,30px) clamp(40px,3.13vw,60px) clamp(20px,1.56vw,30px) clamp(397px,30.99vw,595px);
    margin-top: clamp(47px,3.65vw,70px)!important
}

.product-tabs ul.tabs li.active,.white-box {
    background: #fff!important
}

.pg-section .gift-card-lead h3 {
    color: #fff;
    font-size: clamp(21px, 2.86vw, 55px)
}

.gift-card-lead h3 em {
    font-style: normal;
    font-size: 77%;
    font-weight: 100;
    display: block
}

.gift-card-lead p:last-child,.wizard-buttons .next {
    margin-left: auto
}

.gift-card-lead img {
    position: absolute;
    bottom: 0;
    left: clamp(40px,3.13vw,60px);
    height: auto;
    width: clamp(325px,25.42vw,488px)
}

.pg-section h2,.pg-section h3,.pg-section h4 {
    color: var(--dark)
}

.pg-section h2 em {
    font-style: normal;
    color: var(--secondary)
}

.home-content-about h2,.product-tabs .wc-tab p,.product-tabs .wc-tab ul {
    margin: 0 0 clamp(17px,1.3vw,25px)
}

.home-content-about p {
    max-width: clamp(637px,49.74vw,955px);
    margin: 0 auto
}

.home-content-about p strong {
    color: var(--dark);
    font-weight: 700
}

.side-navigation .menu {
    padding: clamp(53px,4.17vw,80px) 0 clamp(17px,1.3vw,25px)
}

.side-navigation .menu li:first-child a {
    width: clamp(155px,12.08vw,232px);
    height: clamp(16px,1.25vw,24px);
    margin: 0 auto clamp(17px,1.3vw,25px);
    display: block
}

.side-navigation .menu li.social a svg,.side-navigation .menu li:first-child a svg {
    width: 100%!important;
    height: auto!important
}

.side-navigation .menu li:not(:first-child,.social) a {
    display: block;
    width: 100%;
    background: #fff;
    padding: clamp(7px,.78vw,11px) clamp(7px,.52vw,10px)!important;
    line-height: 1
}

.side-navigation .menu li:not(:first-child,.social) a:focus,.side-navigation .menu li:not(:first-child,.social) a:hover {
    background: #f2e9f8
}

.side-navigation .menu li:first-child a:focus,.side-navigation .menu li:first-child a:hover {
    filter: grayscale(1);
    opacity: .5
}

.side-navigation .menu li.social {
    display: inline-block;
    margin: clamp(23px,1.82vw,35px) clamp(2px,.16vw,3px);
    padding: 0
}

.side-navigation .menu li.social a {
    padding: 0!important;
    margin: 0;
    width: 25px;
    height: 25px
}

.side-navigation .menu li.social a:focus svg *,.side-navigation .menu li.social a:hover svg * {
    fill: var(--dark)
}

.home-hero-socks {
    display: flex;
    align-items: flex-end;
    margin: clamp(-90px, -4.6875vw, -60px) 0;
}

.home-hero-socks .sock {
    width: clamp(227px,22.4vw,430px);
    flex: 0 0 clamp(227px,22.40vw,430px);
    z-index: 3
}

.home-hero-socks .sock:nth-child(2) {
    margin: 0 clamp(-155px,-8.07vw,-65px);
     z-index:2; 
}

.home-hero-socks .sock:nth-child(3) {
    z-index: 1
}

.home-hero-socks .sock .sock-fade {
    height: clamp(67px,5.21vw,100px);
    width: 100%;
    display: block;
    position: absolute;
    bottom: clamp(-65px,-3.39vw,-43px);
    left: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: bottom center;
    transform-origin: center;
    transform: scaleY(-1);
    z-index: 1;
    opacity: .18
}

.home-hero-socks .sock .sock-fade:after {
    content: "";
    display: block;
    background: #fff;
    background: linear-gradient(0deg,rgba(255,255,255,0) 0,#fff 100%);
    width: 100%;
    height: clamp(67px,5.21vw,100px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.home-hero-socks .sock .sock-label {
    position: absolute;
    z-index: 100;
    border-radius: clamp(7px,.52vw,10px);
    background: rgba(25,23,34,.8);
    backdrop-filter: blur(clamp(1px,0.10vw,2px));
    font-size: clamp(13px, 1.04vw, 20px);
    font-style: normal;
    font-weight: 700;
    color: #91deff;
    line-height: 1;
    display: block;
    padding: clamp(13px,.99vw,19px) clamp(23px,1.82vw,35px);
    text-align: center;
    top: clamp(47px,3.65vw,70px);
    opacity: 0;
    transition: var(--transition)
}

.wizard .form-row .type,.wizard-meta ul li p {
    font-size: clamp(13px, .83vw, 16px);
    display: block
}

.home-hero-socks .sock .sock-label em {
    display: block;
    font-size: 75%;
    margin: clamp(4px,.31vw,6px) 0 0;
    color: #fff;
    font-style: normal;
    font-weight: 400
}

.home-hero-socks .sock:hover .sock-label {
    opacity: 1;
    top: clamp(87px,6.77vw,130px)
}

.home-hero-socks.two-socks .sock:first-child,.home-hero-socks.two-socks .sock:nth-child(2) {
    width: clamp(237px,22.4vw,430px);
    flex: 0 0 clamp(237px,22.40vw,430px)
}

.home-hero-socks.one-sock,.home-hero-socks.two-socks {
    justify-content: center
}

#header ul li:first-child a svg {
    width: clamp(249px,19.48vw,374px);
    height: clamp(26px,2.03vw,39px)
}

.hero {
    padding-left: 0!important;
    padding-right: 0!important
}

#mcart {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1200;
    color: #fff;
    background: var(--gradient--fallback)!important;
    background: var(--gradient)!important;
    font-size: 18px;
    width: 120px;
    height: 120px;
    border-radius: 10px;
    border: 1px solid #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

#mcart strong {
    border: 2px solid #d18cff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px
}

#mcart span {
    line-height: 1;
    font-size: 16px
}

#mcart span em {
    display: block;
    color: #deadff;
    font-style: normal;
    margin: 3px 0 0
}

@media (min-width: 768px) {
    .msearch {
        display:none!important
    }
}

.page-title h1 strong {
    color: var(--lightpurple);
    font-weight: inherit
}

.size-chart table thead,.size-chart table tr.sc-top td,.white-box {
    font-weight: 700;
    color: var(--dark)
}

.pg-content-image img {
    border-radius: var(--radius)!important
}

.hero .page-title .e-con-inner {
    justify-content: center!important;
    align-items: center!important;
    text-align: center
}

.white-box {
    border-radius: clamp(7px,.52vw,10px)!important;
    box-shadow: 0 clamp(1px,.1vw,2px) clamp(9px,.73vw,14px) rgba(0,0,0,.1);
    text-align: center;
    line-height: 1.25;
    padding: clamp(27px,2.08vw,40px)!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.mwb_gift_card_balance_wrapper,.white-box p {
    text-align: center
}

.pillar-icons .elementor-icon-box-icon {
    background: var(--primary);
    width: clamp(100px,7.81vw,150px);
    height: clamp(100px,7.81vw,150px);
    border-radius: 100% 0 100% 100%;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    margin: 0 auto!important
}

.pillar-icons .elementor-icon-box-icon svg * {
    fill: #FFF
}

.pillar-icons .elementor-icon-box-icon svg {
    width: clamp(60px,4.69vw,90px)!important;
    height: clamp(60px,4.69vw,90px)!important
}

.pillar-icons .elementor-icon-box-wrapper {
    margin: 0 0 clamp(40px,3.13vw,60px)
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms input[type=text],.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms select,.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms textarea,.simple-form .wpcf7-form-control:not(.wpcf7-radio) {
    border: solid #aaa!important;
    transition: var(--transition)!important;
    width: 100%!important;
    padding: clamp(7px,.52vw,10px)!important;
    border-radius: clamp(5px,.36vw,7px)!important
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms input[type=text]:focus,.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms input[type=text]:hover,.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms select:focus,.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms select:hover,.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms textarea:focus,.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms textarea:hover,.pg-section .arf_form .arfformfield .controls input:active,.pg-section .arf_form .arfformfield .controls input:focus,.pg-section .arf_form .arfformfield .controls input:hover,.simple-form .wpcf7-form-control:active,.simple-form .wpcf7-form-control:focus,.simple-form .wpcf7-form-control:hover,.store_locator .select:focus,.store_locator .select:hover,.store_locator .store_locator_address_field:focus,.store_locator .store_locator_address_field:hover {
    border-color: var(--primary)!important
}

.size-chart table td,.size-chart table th {
    border-bottom: solid #e3e3e3
}

.simple-form .field label .req {
    color: red
}

.simple-form .fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.simple-form .fields .field {
    flex: 0 0 100%;
    max-width: 100%;
    margin: clamp(7px,.52vw,10px) 0
}

.simple-form .fields .field.half {
    flex: 0 0 49%;
    max-width: 49%
}

.ra-form h2 {
    margin: clamp(33px,2.6vw,50px) 0 clamp(13px,1.04vw,20px);
    font-size: var(--font-size--h3)
}

.simple-form .wpcf7-list-item {
    margin: 0 clamp(13px,1.04vw,20px) clamp(3px,.26vw,5px) 0
}

#store_locator_result_list,.simple-form .form-actions {
    margin-top: clamp(20px,1.56vw,30px)
}

.simple-form button[type=submit],.simple-form input[type=submit] {
    width: auto!important
}

.simple-form textarea {
    resize: none;
    height: clamp(100px,7.81vw,150px)
}

.gift-card-lead.no-image {
    padding: clamp(clamp(13px,1.04vw,20px),1.56vw,clamp(20px,1.56vw,30px)) clamp(clamp(27px,2.08vw,40px),3.13vw,clamp(40px,3.13vw,60px))
}

.promo-lead .pg-content .pg-content-text .pg-content-button-group {
    margin-top: clamp(37px,2.86vw,55px)
}

.promo-lead .pg-content .pg-content-text h2 {
    margin: clamp(-30px,-1.56vw,-20px) 0 clamp(7px,.52vw,10px)
}

.pg-section iframe+h3 {
    margin: clamp(17px,1.3vw,25px) 0 0
}

.video-box {
    background: var(--light);
    padding: clamp(37px,2.86vw,55px)!important;
    border-radius: var(--radius)!important
}

.achi-block-links a,.size-chart table td,.size-chart table th,.wizard .wizard-content,.wizard .wizard-heading,.wizard-meta {
    padding: clamp(20px,1.56vw,30px)
}

.size-chart table {
    width: 100%;
    line-height: 1
}

.size-chart {
    border: solid #e3e3e3;
    border-radius: clamp(10px,.78vw,15px);
    margin-bottom: clamp(27px,2.08vw,40px)!important
}

.size-chart table td:not(:last-child),.size-chart table th:not(:last-child) {
    border-right: solid #e3e3e3
}

.size-chart table td .sepr {
    display: block;
    width: calc(100% + clamp(40px,3.13vw,60px));
    height: clamp(1px,.05vw,1px);
    margin: clamp(13px,1.04vw,20px) clamp(-30px,-1.56vw,-20px);
    background: #e3e3e3
}

.blog-home-form p,.wizard-buttons a.prev i,.wizard-meta ul li p span {
    margin-right: clamp(7px,.52vw,10px)
}

.size-chart table tbody tr:last-child td {
    border-bottom: none
}

.wizard-meta {
    min-height: clamp(319px,24.9vw,478px)
}

.wizard .wizard-heading {
    background: var(--gradient--fallback);
    background: var(--gradient);
    position: relative;
    border-radius: var(--radius) var(--radius) 0 0
}

.wizard-heading .toggle,.wizard-heading .toggle span {
    height: clamp(17px,1.3vw,25px);
    border-radius: clamp(67px,5.21vw,100px)
}

.wizard .wizard-heading h2 {
    font-size: clamp(13px, .99vw, 19px);
    font-weight: 300;
    color: #fff;
    margin: 0
}

#header .navigation li,.step3 .toobig.active,.wizard .wizard-heading h2 span.active,.wizard .wizard-heading h2 span.step {
    display: block
}

.wizard .wizard-heading h2 span.step em {
    font-style: normal;
    color: var(--lightpurple)
}

.wizard .wizard-heading h2 span.step {
    font-size: clamp(9px, .68vw, 13px);
    text-transform: uppercase;
    color: var(--lightpurple);
    position: relative;
    letter-spacing: clamp(3px, .21vw, 4px);
    margin-bottom: clamp(3px,.26vw,5px)
}

.wizard .wizard-content {
    min-height: clamp(200px,15.63vw,300px)
}

.wizard .form-row label:not(.sr-only) {
    font-weight: 300;
    color: #333;
    font-size: clamp(12px, .94vw, 18px);
    position: relative;
    top: clamp(2px,.16vw,3px)
}

.wizard .step {
    position: absolute;
    width: calc(100% - clamp(40px,3.13vw,60px))
}

.wizard .wizard-content .step1,.wizard .wizard-content .step2,.wizard .wizard-content .step3 {
    opacity: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .2s;
    transition: .2s
}

.wizard .wizard-content .step1.active,.wizard .wizard-content .step2.active,.wizard .wizard-content .step3.active {
    opacity: 1;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .2s;
    transition: .2s
}

.wizard .form-row input[type=number] {
    width: calc(100% + clamp(13px,1.04vw,20px));
    padding: clamp(1px,.05vw,1px) clamp(4px,.31vw,6px)
}

.wizard .form-row .type {
    color: #454545;
    font-weight: 300;
    text-align: left;
    margin-top: clamp(3px,.21vw,4px);
    margin-left: clamp(6px,.47vw,9px)
}

.wizard-buttons {
    margin-top: clamp(13px,1.04vw,20px);
    position: relative
}

.wizard-buttons a i {
    opacity: .4
}

.wizard-buttons a.next i {
    margin-left: clamp(7px,.52vw,10px)
}

.wizard-buttons a.next {
    right: 0;
    top: 0
}

.wizard-meta ul li p {
    color: #444;
    font-weight: 300;
    padding: clamp(21px,1.67vw,32px) 0;
    letter-spacing: -.5px
}

.wizard-meta ul li p span {
    font-weight: 700;
    color: #454545;
    display: inline-block;
    width: clamp(27px,2.08vw,40px);
    height: clamp(27px,2.08vw,40px);
    line-height: clamp(27px, 2.08vw, 40px);
    text-align: center;
    background-color: #eee;
    border-radius: 100%;
    font-size: 12px;
    -webkit-transition: .2s;
    transition: .2s
}

.wizard-meta ul {
    list-style: none
}

.diagram.diagram2 {
    margin: 0;
    padding: 0;
    background-position: -131px 0
}

.wizard-meta ul li.active p {
    color: #222;
    font-weight: 600
}

.wizard-meta ul li.active p span {
    color: #fff;
    background: var(--gradient2--fallback);
    background: var(--gradient2);
    -webkit-transition: .2s;
    transition: .2s
}

.diagram {
    background-image: url(i/guy.png);
    width: 131px;
    height: 409px;
    position: absolute;
    top: clamp(27px,2.08vw,40px);
    right: clamp(40px,3.13vw,60px);
    z-index: 99
}

.diagram.diagram3 {
    background-position: -262px 0
}

.wizard-meta .step1:after,.wizard-meta .step2:after {
    display: block;
    height: clamp(45px,3.54vw,68px);
    width: clamp(1px,.05vw,1px);
    background: #e0e0e0;
    content: "";
    position: absolute;
    top: clamp(53px,4.17vw,80px);
    left: clamp(13px,.99vw,19px)
}

.wizard-heading .toggle {
    background: rgba(0,0,0,.8);
    width: clamp(47px,3.65vw,70px);
    position: absolute;
    top: 0;
    right: clamp(20px,1.56vw,30px);
    bottom: 0;
    margin: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.wizard-heading .toggle span {
    color: #fff;
    display: inline-block;
    width: clamp(23px,1.82vw,35px);
    text-align: center;
    font-size: 12px;
    line-height: clamp(17px, 1.3vw, 25px)
}

.wizard-heading .toggle span.cm {
    position: absolute;
    right: 0
}

.wizard-heading .toggle span.active {
    background: #eee;
    color: #222
}

.exlamation_circle,.wizard-content .step3 .size a {
    color: #fff;
    width: clamp(13px,1.04vw,20px);
    height: clamp(13px,1.04vw,20px);
    line-height: clamp(13px, 1.04vw, 20px);
    border-radius: 100%;
    font-size: clamp(9px, .68vw, 13px)
}

.wizard-content .step3 {
    text-align: center;
    padding-top: clamp(10px,.78vw,15px)
}

.wizard-content .step3 img {
    margin-top: clamp(13px,1.04vw,20px);
    margin-bottom: clamp(7px,.52vw,10px)
}

#store_locator_filter_active_filter_box,#store_locator_result_list hr,#tab-description img,.gift-card-lead,.not-clinic form.variations_form.cart,.not-clinic p.price,.page-template-page-sw a.clinic-reg.promo,.pg-section .arf_form .arf_vertical_radio label.arf_main_label,.postid-23521 .product-tabs,.postid-35462 .product-tabs,.product-info .woocommerce-variation.single_variation,.single-product-page .product form.cart .variations th,.woocommerce div.product p.stock,span.store_locator_country {
    display: none!important
}

.wizard-content .step3 .size {
    font-weight: 900;
    font-size: clamp(24px, 1.88vw, 36px);
    display: inline-block;
    margin-top: clamp(9px,.73vw,14px);
    color: #69409c;
    position: relative;
    letter-spacing: clamp(-1px, -.05vw, -1px)
}

.wizard-content .step3 .size a {
    background: #f39c12;
    display: block;
    position: absolute;
    top: clamp(-13px,-.68vw,-9px);
    right: clamp(-25px,-1.3vw,-17px);
    letter-spacing: clamp(0px, 0vw, 0px)
}

.exlamation_circle {
    background: #a66908;
    display: inline-block;
    margin-right: clamp(1px,.1vw,2px)
}

.shoe_size_notice {
    background: #f7c36e;
    border-radius: clamp(11px,.89vw,17px);
    max-width: clamp(360px,28.13vw,540px);
    display: block;
    margin: clamp(8px,.63vw,12px) auto clamp(0px,0vw,0px);
    padding: clamp(7px,.52vw,10px)
}

.wizard-content .notefinal {
    background: #fff;
    font-size: clamp(17px, 1.35vw, 26px);
    padding: clamp(13px,1.04vw,20px);
    position: absolute;
    top: clamp(60px,4.69vw,90px);
    margin: auto;
    bottom: 0;
    font-weight: 300;
    line-height: clamp(20px, 1.56vw, 30px);
    height: clamp(147px,11.46vw,220px);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.wizard-content .notefinal.active {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.wizard .form-row .size input[type=number] {
    width: clamp(62px,4.84vw,93px);
    float: left;
    position: relative;
    left: clamp(13px,1.04vw,20px)
}

.wizard .form-row .size select {
    float: left;
    width: clamp(100px,7.81vw,150px);
    margin-left: clamp(-70px,-3.65vw,-47px);
    padding: clamp(3px,.26vw,5px) clamp(3px,.21vw,4px) clamp(3px,.21vw,4px);
    border-radius: 0!important;
    position: relative;
    left: clamp(7px,.52vw,10px)
}

.wizard-buttons a.inactive:after,.wizard-buttons a.inactive:hover:after {
    content: "Please fill out the form above to proceed.";
    position: absolute;
    background: #222;
    font-size: 12px;
    line-height: clamp(7px, .52vw, 10px);
    width: clamp(167px,13.02vw,250px);
    padding: clamp(5px,.42vw,8px) clamp(1px,.1vw,2px);
    border-radius: clamp(7px,.52vw,10px);
    left: clamp(-75px,-3.91vw,-50px);
    color: #fff;
    text-align: center
}

.wizard-buttons a.inactive {
    background: #ccc!important;
    color: #4d4d4d!important;
    cursor: not-allowed!important
}

.wizard-buttons a.inactive:after {
    top: clamp(-43px,-2.24vw,-29px);
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.wizard-buttons a.inactive:hover:after {
    top: clamp(-33px,-1.72vw,-22px);
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce tbody .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number>a:hover,.woocommerce-info::before,.woocommerce-message::before {
    color: var(--primary)!important
}

.wizard-content .step3 .size a:after,.wizard-content .step3 .size a:hover:after {
    background: #222;
    width: clamp(160px,12.5vw,240px);
    font-weight: 400;
    line-height: clamp(8px, .63vw, 12px);
    padding: clamp(7px,.52vw,10px);
    height: clamp(40px,3.13vw,60px);
    font-size: 12px
}

.wizard-content .step3 .size a:after {
    content: "Due to shoe size entered we suggest moving up one size to accommodate for a larger footbed.";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: clamp(-260px,-13.54vw,-173px);
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 99;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.wizard-content .step3 .size a:before,.wizard-content .step3 .size a:hover:before {
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-right: solid #222;
    content: "";
    bottom: 0;
    z-index: 99;
    margin: auto;
    display: block;
    position: absolute;
    top: 0
}

.wizard-content .step3 .size a:before {
    width: 0;
    height: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    right: clamp(-20px,-1.04vw,-13px);
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.wizard-content .step3 .size a:hover:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: clamp(-240px,-12.5vw,-160px);
    -webkit-transform-origin: left;
    z-index: 99;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.wizard-content .step3 .size a:hover:before {
    width: 0;
    height: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.step3 .toobig {
    font-size: 12px;
    line-height: clamp(9px, .68vw, 13px);
    display: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.sizing-wizard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.sizing-wizard .sw-left {
    flex: 0 0 clamp(320px,25.00vw,480px);
    position: relative
}

.sizing-wizard .sw-right {
    flex: 1;
    margin-left: clamp(27px,2.08vw,40px);
    background-color: var(--light);
    border-radius: 0 0 var(--radius) var(--radius)
}

.wizard .form-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 clamp(13px,1.04vw,20px)
}

.wizard .form-row .form-field,.wizard .form-row select {
    max-width: clamp(100px,7.81vw,150px);
    line-height: 1;
    font-size: 12px;
    padding: clamp(5px,.36vw,7px) clamp(7px,.57vw,11px)!important
}

.wizard .form-row input#menshoe,.wizard .form-row input#shoe_size,.wizard .form-row input#womenshoe {
    margin-left: clamp(7px,.52vw,10px)!important;
    margin-right: clamp(14px,1.09vw,21px)!important
}

.wizard-buttons {
    padding: 0 clamp(20px,1.56vw,30px) clamp(27px,2.08vw,40px);
    display: flex;
    align-items: center;
    justify-content: flex-start
}

input#gift_card_code {
    border: solid #ccc;
    padding: clamp(13px,1.04vw,20px) clamp(17px,1.3vw,25px);
    transition: var(--transition);
    border-radius: clamp(7px,.52vw,10px);
    max-width: clamp(213px,16.67vw,320px);
    margin: 0 auto;
    display: block
}

#qo-form table tbody tr td:last-child .lunatik-variation input:active,#qo-form table tbody tr td:last-child .lunatik-variation input:focus,#qo-form table tbody tr td:last-child .lunatik-variation input:hover,.achi-block-links a:focus,.achi-block-links a:hover,.dl-links a:focus,.dl-links a:hover,input#gift_card_code:active,input#gift_card_code:focus,input#gift_card_code:hover {
    border-color: var(--primary)
}

.gift_card_balance_email,.gift_card_code,html .product-info form.cart .variations select {
    width: 100%!important
}

#mwb_check_balance {
    background: var(--gradient2--fallback);
    background: var(--gradient2);
    padding: var(--button-padding--top) var(--button-padding--right) var(--button-padding--bottom) var(--button-padding--left)!important;
    width: clamp(213px,16.67vw,320px);
    border-radius: clamp(67px,5.21vw,100px)!important;
    border: none!important
}

.achi-block-links a {
    height: 100%;
    display: block;
    border: solid #ececec;
    border-radius: var(--radius)
}

.achi-block-links a img {
    max-height: clamp(233px,18.23vw,350px);
    width: auto;
    margin: 0 auto clamp(20px,1.56vw,30px);
    display: block
}

.achi-block-links a .block-link-heading {
    font-size: var(--font-size--h5);
    font-weight: 700;
    text-align: center;
    display: block;
    color: var(--dark);
    transition: var(--transition)
}

.pg-section .arf_fieldset {
    padding: 0!important;
    border: none!important;
    max-width: clamp(533px,41.67vw,800px)!important;
    margin: 0 auto!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a,.pg-section .arf_form * {
    font-family: var(--font)!important
}

.pg-section .arf_form h2 {
    font-family: var(--heading)!important;
    font-size: var(--font-size--h4)!important;
    color: var(--dark)!important;
    margin: 0 0 clamp(13px,1.04vw,20px)!important
}

.pg-section .arf_form .arfformfield .controls .arfbtn.dropdown-toggle,.pg-section .arf_form .arfformfield .controls input {
    border: solid #aaa!important;
    transition: var(--transition)!important;
    width: 100%!important;
    padding: clamp(7px,.52vw,10px)!important;
    border-radius: clamp(5px,.36vw,7px)!important;
    font-size: var(--font-size)!important;
    opacity: 1!important;
    left: unset!important
}

.pg-section .arf_form .arf_submit_div.top_container {
    margin: clamp(20px,1.56vw,30px) 0 0;
    text-align: right
}

.pg-section .arf_form .arf_checkbox_style label {
    position: relative;
    padding-left: 30px!important;
    display: block;
    line-height: var(--line-height)
}

.pg-section .arf_form .arf_checkbox_style .icheckbox_flat-blue {
    position: absolute!important;
    top: clamp(1px,.1vw,2px);
    left: 0
}

html .arf_submit_btn,html .arf_submit_btn:focus,html .arf_submit_btn:hover {
    font-family: var(--button-text--font)!important;
    font-size: var(--button-text--size)!important;
    padding: var(--button-padding--top) var(--button-padding--right) var(--button-padding--bottom) var(--button-padding--left)!important;
    background: var(--gradient2--fallback)!important;
    background: var(--gradient2)!important;
    color: var(--button-text--colour)!important;
    line-height: 1.75!important;
    font-weight: var(--button-text--weight)!important;
    border-radius: var(--button-radius)!important;
    text-transform: var(--button-text--casing)!important;
    border: var(--button-border-width) solid var(--button-background--primary)!important;
    cursor: pointer!important;
    display: inline-block!important;
    transition: var(--transition)!important;
    letter-spacing: var(--button-text--letter-spacing)!important;
    box-shadow: none!important
}

.dl-links a,.product-info #lightgallery a:hover,.side-navigation .menu ul ul a,p.clinics_news_title {
    background: var(--primary)
}

.store_locator .select,.store_locator .store_locator_address_field {
    border-radius: clamp(7px,.52vw,10px)!important;
    border: solid #ccc!important;
    line-height: 1;
    padding: clamp(9px,.73vw,14px)!important;
    height: auto!important;
    outline: 0!important;
    transition: var(--transition)!important
}

#store_locator_result_list {
    min-height: clamp(133px,10.42vw,200px);
    padding-top: clamp(20px,1.56vw,30px);
    border-top: solid #ddd
}

.pg-section .store_locator_details i.fa {
    padding: clamp(0px,0vw,0px) clamp(3px,.26vw,5px) clamp(0px,0vw,0px) clamp(0px,0vw,0px)
}

.pg-section .store_locator_details {
    padding: clamp(11px,.89vw,17px) clamp(0px,0vw,0px) clamp(11px,.89vw,17px) clamp(10px,.78vw,15px);
    border-radius: clamp(7px,.52vw,10px)
}

.pg-section .store_locator_infowindow .store_locator_details {
    padding: clamp(6px,.47vw,9px) clamp(0px,0vw,0px) clamp(6px,.47vw,9px) clamp(4px,.31vw,6px)
}

div#store_locator_sidebar_content {
    background: #fff;
    padding: clamp(0px,0vw,0px);
    border-radius: clamp(7px,.57vw,11px)
}

.pg-section .store_locator_infowindow p {
    font-size: 13px!important;
    font-weight: 400
}

#qo-form table tbody tr td:last-child .lunatik-variation span,.pg-section .store-locator-row p {
    font-size: clamp(13px, .83vw, 16px)
}

.pg-section .store-locator-row p {
    font-weight: 400
}

.pg-section .gm-style-iw,.pg-section .store_locator_infowindow {
    width: clamp(267px,20.83vw,400px)!important;
    max-width: 100%!important
}

p.store_locator_address span,p.store_locator_contact {
    line-height: 1.5
}

h3.store_locator_name {
    font-size: clamp(13px, 1.04vw, 20px);
    word-wrap: break-word!important;
    display: block!important
}

.store_locator_result_list_item {
    padding-left: clamp(13px,1.04vw,20px)!important;
    transition: var(--transition)
}

.store_locator_result_list_item:hover {
    background-color: #f9f9f9!important
}

.store_locator_actions {
    margin-top: clamp(17px,1.3vw,25px)!important
}

a#store_locator_get_all_stores,a#store_locator_get_my_position {
    background: var(--dark);
    color: #fff;
    font-size: clamp(9px, .68vw, 13px);
    text-transform: uppercase;
    border-radius: clamp(67px,5.21vw,100px);
    padding: clamp(4px,.31vw,6px) clamp(13px,1.04vw,20px);
    display: inline-block;
    margin: clamp(7px,.52vw,10px) 0;
    transition: var(--transition)
}

a#store_locator_get_all_stores:hover,a#store_locator_get_my_position:hover {
    background-color: var(--secondary)
}

#clinics_news,#qo-form table tbody tr:nth-child(2n+2) td {
    background: #fff
}

#store_locator_find_stores_button {
    margin-top: clamp(10px,.78vw,15px)
}

.blog-home-form input[type=email] {
    border: solid #aaa;
    transition: var(--transition);
    width: 100%;
    padding: clamp(7px,.52vw,10px);
    border-radius: clamp(5px,.36vw,7px);
    margin: 0 clamp(7px,.52vw,10px);
    max-width: clamp(213px,16.67vw,320px)
}

.blog-home-form p {
    color: var(--dark);
    font-weight: 800
}

.blog-home-form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.contact-box li a {
    align-items: flex-start!important;
    color: var(--dark)
}

.contact-box li a .elementor-icon-list-icon {
    width: clamp(27px,2.08vw,40px);
    height: clamp(27px,2.08vw,40px);
    background: var(--light);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 clamp(7px,.57vw,11px) 0 0
}

.contact-box li a .elementor-icon-list-icon svg {
    width: 49%;
    height: auto!important;
    max-height: 52%;
    margin: 0!important
}

.contact-box li:nth-child(2) {
    margin: clamp(17px,1.3vw,25px) 0
}

.contact-box {
    margin: clamp(7px,.52vw,10px) 0 0
}

.consider-this-posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
}

.consider-this-posts .ct-post.second {
    flex: 0 0 49%
}

.consider-this-posts .ct-post {
    border: solid #ececec;
    padding: clamp(27px,2.08vw,40px);
    margin: clamp(13px,1.04vw,20px) 0;
    border-radius: clamp(10px,.78vw,15px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.consider-this-posts .ct-post.second .ct-img {
    height: clamp(120px,9.38vw,180px);
    overflow: hidden;
    margin: 0 0 clamp(13px,1.04vw,20px);
    border-radius: clamp(7px,.52vw,10px)
}

.consider-this-posts .ct-post .ct-img,.consider-this-posts .ct-post .ct-meta {
    flex: 0 0 48%;
    max-width: 48%
}

.consider-this-posts .ct-post .ct-meta .button {
    margin: clamp(20px,1.56vw,30px) 0 0
}

.consider-this-posts .ct-post h4 a {
    font-size: clamp(20px, 1.56vw, 30px);
    margin: 0 0 clamp(10px,.78vw,15px);
    display: block
}

.consider-this-posts .ct-post:first-child .ct-img {
    height: clamp(293px,22.92vw,440px);
    overflow: hidden;
    border-radius: clamp(7px,.52vw,10px)
}

#qo-form table thead th {
    font-size: clamp(11px, .89vw, 17px);
    color: var(--dark);
    padding: clamp(17px,1.3vw,25px) clamp(17px,1.3vw,25px) clamp(7px,.52vw,10px)
}

#qo-form table tbody tr td {
    background: var(--light);
    padding: clamp(17px,1.3vw,25px);
    vertical-align: middle
}

#qo-form table tbody tr td:last-child .lunatik-variation {
    width: 49%;
    float: left;
    margin: clamp(3px,.21vw,4px) 0
}

#qo-form table tbody tr td:last-child .lunatik-variation input {
    width: clamp(53px,4.17vw,80px);
    padding: clamp(7px,.52vw,10px);
    border: solid #ccc;
    border-radius: clamp(4px,.31vw,6px);
    margin-right: clamp(7px,.52vw,10px);
    font-size: clamp(13px, .83vw, 16px);
    transition: var(--transition)
}

#qo-form img {
    border-radius: clamp(7px,.52vw,10px)
}

.size-chart table th svg {
    width: auto;
    height: clamp(23px,1.82vw,35px)
}

.table-note {
    display: none;
    background-color: var(--light);
    padding: 20px;
    border-radius: 13px;
    color: var(--dark);
    margin-bottom: 20px!important
}

.cr-video {
    width: clamp(533px,41.67vw,800px);
    margin: 0 auto
}

html .button:disabled {
    color: #fff!important;
    filter: grayscale(1)
}

#order-review-wrap {
    margin: clamp(46.666666666666664px,3.6458333333333335vw,70px) 0 0
}

.woocommerce-info,.woocommerce-message {
    border-top-color: var(--primary)!important
}

.woocommerce form.checkout_coupon .input-text {
    margin-right: 10px!important;
    width: 97%
}

#order_comments {
    height: 200px;
    resize: none
}

@media (min-width: 1200px) {
    #cart,#checkout {
        max-width:1000px;
        width: 1000px;
        margin: 0 auto
    }
}

#order_review .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    font-size: var(--font-size--small)
}

#order_review .woocommerce-form__label-for-checkbox input {
    position: relative
}

.e-checkout-message {
    font-size: var(--font-size--small)!important;
    display: block;
    line-height: 1.5;
    margin: 0 0 20px
}

.ion-cart-totals label,.woocommerce ul.products li.product .button {
    font-size: var(--font-size--small)
}

.woocommerce .ion-cart-totals table tr.shipping .shipping-calculator-form {
    position: relative!important;
    padding: 0;
    margin: -55px 0 0
}

.woocommerce .ion-cart-totals table tr.shipping .shipping-calculator-form .form-row {
    width: 100%!important;
    float: none!important
}

.woocommerce .ion-cart-totals table tr.shipping .shipping-calculator-form .form-row.address-field {
    flex: 0 0 100%!important
}

.woocommerce .ion-cart-totals table tr.shipping .shipping-calculator-form .button {
    font-size: var(--font-size--small);
    width: 100%;
    margin: 10px 0 0
}

.select2-results__option,.woocommerce .ion-cart-totals table tr.shipping .shipping-calculator-form .selection *,.woocommerce .ion-cart-totals table tr.shipping .shipping-calculator-form input {
    font-size: 14px!important
}

.achi-block-link a .block-link-heading {
    font-family: var(--heading);
    display: block;
    font-weight: 700;
    text-align: center;
    font-size: var(--font-size--h5)
}

.achi-block-link a {
    color: var(--dark);
    border: solid #ccc;
    display: block;
    padding: clamp(23px,1.82vw,35px);
    border-radius: var(--radius)
}

.achi-block-link a:focus,.achi-block-link a:hover {
    color: var(--primary);
    border-color: var(--primary)
}

.achi-block-link a img {
    display: block;
    max-height: clamp(240px,18.75vw,360px);
    margin: 0 auto clamp(10px,.78vw,15px)
}

.select2-container--default .select2-search--dropdown .select2-search__field,.select2-results__option {
    font-size: 14px!important;
    margin: 0!important
}

.select2-results__option {
    margin: 0!important
}

.woocommerce .ion-cart-totals table tr #shipping_method li {
    margin: 0 0 22px;
    align-items: flex-start
}

.woocommerce .ion-cart-totals table tr #shipping_method li input {
    position: relative;
    top: 4px
}

.woocommerce .ion-cart-totals table tr.shipping {
    flex: 0 0 100%
}

.woocommerce .ion-cart-totals table tr.shipping form .shipping-calculator-button {
    border-radius: 100px!important
}

.woocommerce-error,.woocommerce-info,.woocommerce-message,.woocommerce-notices-wrapper {
    width: 100%
}

.woocommerce-terms-and-conditions-wrapper {
    margin: clamp(-50px,-2.6vw,-33px) 0 0
}

.woocommerce-account .woocommerce-info .button {
    position: absolute;
    right: 0;
    color: #fff!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h2,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h3 {
    font-weight: 700;
    font-size: var(--font-size--large);
    margin: 10px 0 15px!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row label {
    font-size: 18px
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm fieldset legend {
    font-size: var(--font-size);
    padding: 30px 0 10px!important
}

.woocommerce ul.products li.product .product-pricing del,.woocommerce ul.products li.product .woocommerce-Price-amount {
    font-size: clamp(26.666666666666668px, 2.0833333333333335vw, 40px)
}

a.woocommerce-button.button.view {
    margin-right: 8px!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce tbody .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number>a {
    color: var(--dark)!important
}

.woocommerce-account.pg-section .woocommerce-table--order-details *,.woocommerce-account.pg-section address,.woocommerce-account.pg-section address p {
    font-size: 15px!important
}

.woocommerce-account.pg-section .woocommerce-table--order-details ul {
    padding: 0
}

.woocommerce-account.pg-section .woocommerce-table--order-details a:not(.button) {
    color: var(--primary)!important;
    text-decoration: underline
}

.woocommerce-account.pg-section address p {
    margin: 10px 0
}

.pg-section.woocommerce-account section.woocommerce-order-details {
    margin: clamp(36.666666666666664px,2.8645833333333335vw,55px) 0
}

.pg-section.woocommerce-account h2 {
    font-weight: 700!important;
    font-size: var(--font-size--large)!important
}

.woocommerce ul.products li.product h3 {
    font-size: var(--font-size--small);
    margin: clamp(20px,1.5625vw,30px) 0 5px!important;
    padding: 0
}

.woocommerce ul.products li.product .woocommerce-Price-amount {
    color: var(--dark);
    font-weight: 200;
    letter-spacing: -.5px
}

.woocommerce ul.products li.product .product-pricing ins {
    text-decoration: none
}

.products li .product-loop-image a {
    height: clamp(320px,25vw,480px)!important;
    border-radius: var(--radius);
    overflow: hidden;
    background-color: #fff!important
}

.products li .product-loop-image a img {
    opacity: 1!important
}

.products li {
    margin: 0 0 clamp(20px,1.5625vw,30px)!important
}

.clinic-buttons a {
    padding: clamp(7px,.57vw,11px) clamp(11px,.89vw,17px)!important;
    font-size: clamp(12px, .78vw, 15px)!important
}

.woocommerce .woocommerce-result-count {
    position: relative;
    top: 10px
}

.navigation li ul {
    top: 50px;
    left: 26px
}

#header .navigation li ul a {
    color: #fff;
    text-align: center;
    display: block;
    padding: clamp(11px,.89vw,17px);
    font-size: clamp(12px, .83vw, 16px)
}

#header .navigation li ul {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    z-index: 100
}

#header .navigation li ul a:focus,#header .navigation li ul a:hover {
    background: var(--secondary);
    color: #fff
}

#header .navigation li ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(255,255,255,.2)
}

#header .side-navigation .menu ul li a,#header .side-navigation .menu ul li:first-child a {
    background: var(--primary)!important;
    margin: 0!important;
    padding: clamp(10px,.78vw,15px) clamp(7px,.52vw,10px)!important;
    line-height: 1!important;
    height: auto;
    color: #fff!important;
    font-size: clamp(11.5px, .73vw, 14px)!important;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

#header .side-navigation .menu ul li a:focus,#header .side-navigation .menu ul li a:hover,#header .side-navigation .menu ul li:first-child a:focus,#header .side-navigation .menu ul li:first-child a:hover {
    background: var(--secondary)!important;
    filter: none!important
}

.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary,.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.images,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary {
    float: none;
    width: 100%
}

.single-product-page .product {
    display: flex;
    flex-wrap: wrap;
    padding: var(--spacing) 30px
}

.single-product-page .product .product-left {
    flex: 0 0 30%;
    max-width: 30%
}

.single-product-page .product .product-right {
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 70px
}

.single-product-page .product .related,.single-product-page .product .woocommerce-tabs {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%
}

.single-product-page .product .qty {
    height: clamp(35px,2.71vw,52px)!important
}

.single-product-page .related ul.products li.product {
    width: 22%;
    margin: 0 1.5%!important
}

.single-product-page .panel {
    border-bottom: none;
    box-shadow: none!important
}

.single-product-page .product .related {
    border-top: solid #ddd;
    padding-top: clamp(57px,4.43vw,85px)
}

.woocommerce-tabs .woocommerce-Tabs-panel>h2 {
    margin: 0 0 clamp(11px,.89vw,17px)
}

.single-product-page .woocommerce-tabs {
    margin-top: clamp(33px,2.6vw,50px)
}

.woocommerce div.product form.cart .variations td.value select+a {
    position: absolute;
    top: clamp(-40px,-2.08vw,-27px);
    left: 0
}

.single-product-page .product form.cart {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: clamp(47px,3.65vw,70px)
}

.product-info .variations_form .reset_variations_alert,.single-product-page .product form.cart .reset_variations_alert {
    order: 12;
    flex: 0 0 100%;
    max-width: 100%
}

.single-product-page .product form.cart .variations {
    flex: 0 0 clamp(167px,13.02vw,250px);
    max-width: clamp(167px,13.02vw,250px);
    margin: 0 clamp(9px,.68vw,13px) 0 0!important
}

.single-product-page p.price {
    color: var(--dark)!important;
    margin: 0 0 clamp(13px,1.04vw,20px)!important
}

.single-product-page .woocommerce-tabs p,.single-product-page .woocommerce-tabs ul {
    margin: 0 0 clamp(20px,1.56vw,30px)
}

.single-product-page .woocommerce-tabs ul {
    padding: 0;
    list-style: none
}

.product-info form.cart .variations th {
    display: none!important;
    padding: 0!important;
    height: 0!important
}

.product-info form.cart .variations,.product-info form.cart .variations *,.woocommerce div.product.outofstock p.stock {
    display: block!important
}

.product-info .images,.woocommerce div.product form.cart .variations {
    margin: 0!important
}

.product-info .variations_form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.product-info form.cart .variations {
    flex: 0 0 clamp(167px,13.02vw,250px)!important;
    max-width: clamp(167px,13.02vw,250px)!important
}

.woocommerce div.product form.cart .variations tbody tr {
    max-width: 100%!important
}

.product-info .woocommerce-variation-add-to-cart {
    margin-left: clamp(10px,.78vw,15px)
}

.restricted {
    padding: var(--spacing) clamp(20px,1.56vw,30px);
    width: clamp(667px,52.08vw,1000px);
    max-width: 90%;
    text-align: center;
    margin: 0 auto
}

.restricted h3 {
    margin: 0 0 clamp(27px,2.08vw,40px)
}

.product-info .woocommerce-product-details__short-description ul,.product-tabs .wc-tab ul {
    list-style: none;
    padding: 0
}

.product-tabs .wc-tab ul li:not(:last-child) {
    margin: 0 0 clamp(15px,1.15vw,22px)
}

.product-tabs .wc-tab ul li {
    position: relative;
    padding-left: clamp(19px,1.51vw,29px);
    background-size: clamp(13px,1.04vw,20px);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(i/icons/icon-angle-right-dark.svg);
    line-height: 1
}

.product-tabs .panel {
    padding: clamp(30px,2.34vw,45px)!important;
    border: none!important;
    box-shadow: 0 clamp(1px,.1vw,2px) clamp(11px,.89vw,17px) rgba(0,0,0,.07)!important
}

.product-tabs ul.tabs li {
    border: none!important;
    border-radius: 0!important;
    margin-right: clamp(5px,.36vw,7px)!important;
    background: rgba(0,0,0,.05)!important
}

.dl-links a {
    height: clamp(93px,7.29vw,140px)!important;
    width: clamp(93px,7.29vw,140px)!important;
    display: inline-block;
    border: solid #ccc;
    margin-right: clamp(7px,.52vw,10px);
    margin-bottom: clamp(7px,.52vw,10px);
    border-radius: 10px;
    overflow: hidden
}

.dl-links a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: var(--transition)
}

.dl-links a:focus img,.dl-links a:hover img {
    opacity: .3
}

.woocommerce-page .woocommerce-message .button {
    position: absolute!important;
    right: 0!important
}

.single-post .page-title h1,.single-product .page-title h1,.single-sfwd-courses .page-title h1 {
    font-size: var(--font-size--h2)
}

.learndash-cpt main {
    margin: 0 auto;
    padding: var(--spacing) 30px;
    max-width: 1140px!important
}

@media (min-width: 1368px) {
    .learndash-cpt main {
        max-width:var(--container-above--1368)!important
    }
}

@media (min-width: 1600px) {
    .learndash-cpt main {
        max-width:var(--container-above--1600)!important
    }
}

.learndash-wrapper h2 {
    font-size: var(--font-size--h4);
    font-family: var(--heading);
    color: var(--dark);
    margin: 0 0 10px
}

.learndash-wrapper .ld-course-status {
    border-radius: 0!important;
    margin: 0 0 35px!important
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    font-size: 9px;
    width: 22px!important;
    height: 22px!important;
    max-width: 22px!important;
    min-width: 22px!important;
    line-height: 21px!important
}

.ld-status-icon {
    font-size: 13px!important
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action {
    flex-basis: auto!important
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
    font-size: 14px
}

.learndash-wrapper .slide img {
    max-width: 100%;
    height: auto
}

.product-info .single_add_to_cart_button {
    float: none;
    margin: -40px 0 20px!important
}

.product-info .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: clamp(19px,1.51vw,29px);
    background-size: clamp(13px,1.04vw,20px);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(i/icons/icon-angle-right-dark.svg);
    line-height: 1
}

.product-info .woocommerce-product-details__short-description h2 {
    margin: 0 0 20px;
    font-size: var(--font-size--h3)
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms fieldset {
    border: none;
    margin: 0 0 40px!important;
    display: block!important;
    background: 0 0!important
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms fieldset legend {
    font-weight: 400;
    display: block;
    line-height: 1;
    margin: 0 0 15px
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_forms fieldset legend label span {
    font-size: 13px;
    font-weight: 400
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label.is-selected,.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label:focus-within {
    border-color: var(--primary)!important
}

.ld-quiz-status {
    margin: 0 0 30px!important
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text {
    margin: 0 0 20px!important
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 0 10px
}

:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart .button:where(:not(:first-child)),:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart button:where(:not(:first-child)) {
    margin: 0!important
}

#cart .woocommerce table.shop_table tr:not(.cart_item) td,.blog-post p {
    text-align: left!important
}

.blog-post p img {
    margin: 0 auto;
    display: block
}

.clinic-reg {
    background: #45277d;
    color: #e5beff!important;
    font-family: var(--heading);
    width: clamp(147px,11.46vw,220px);
    height: clamp(147px,11.46vw,220px);
    line-height: 1;
    text-align: center;
    position: fixed;
    z-index: 1020;
    bottom: clamp(20px,1.56vw,30px);
    right: clamp(20px,1.56vw,30px);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: clamp(14px, .83vw, 16px);
    border: solid #fff
}

.clinic-reg.promo img {
    position: absolute;
    top: clamp(-20px,-1.04vw,-13px);
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%
}

.clinic-reg.promo {
    padding: clamp(39px,3.02vw,58px) 0 0
}

.clinic-reg span {
    font-weight: 700;
    font-size: 170%;
    color: #fff;
    margin: clamp(2px,.16vw,3px) 0 0;
    transition: var(--transition)
}

.clinic-reg span.btm {
    font-size: 146%;
    color: #74d6ff
}

.clinic-reg:focus,.clinic-reg:hover {
    background: var(--secondary);
    color: #fff!important
}

.clinic-reg:focus span.btm,.clinic-reg:hover span.btm {
    color: #fff!important
}

.clinic-reg:not(.promo) {
    width: clamp(113px,8.85vw,170px);
    height: clamp(113px,8.85vw,170px)
}

#clinics_news {
    display: none;
    max-width: clamp(533px,41.67vw,800px)
}

.clinic_news_post h3 a {
    font-size: var(--font-size);
    display: block
}

.clinic_news_post p {
    font-size: var(--font-size--small);
    margin: 0
}

.clinic_news_post p.date small {
    font-size: clamp(13px, .73vw, 14px);
    line-height: 1;
    display: block;
    font-weight: 500;
    color: var(--dark);
    margin: clamp(3px,.26vw,5px) 0 clamp(7px,.52vw,10px)
}

p.clinics_news_title {
    font-weight: 700;
    padding: clamp(8px,.63vw,12px) clamp(13px,1.04vw,20px);
    color: #fff;
    margin: 0
}

.close_news {
    position: absolute;
    top: clamp(8px,.63vw,12px);
    right: clamp(13px,1.04vw,20px);
    color: #fff!important
}

.close_news:focus,.close_news:hover {
    opacity: .43
}

.clinic_news_post h3 {
    display: block;
    line-height: 1
}

.clinic_news_post {
    padding: clamp(13px,1.04vw,20px) 0;
    margin: 0 clamp(13px,1.04vw,20px)
}

.clinic_news_post:not(:last-of-type) {
    border-bottom: solid #eee
}

.clinics-archive .elementor-posts .elementor-post__meta-data,.clinics-archive p {
    font-size: var(--font-size)!important;
    font-weight: 400
}

.clinics-archive .elementor-posts .elementor-post__meta-data {
    color: var(--dark)
}

.clinics-archive .elementor-posts h3 {
    font-size: var(--font-size--h5);
    margin: 0 0 clamp(7px,.52vw,10px)
}

.clinics-archive .elementor-post__read-more {
    margin: clamp(13px,1.04vw,20px) 0 0
}

.elementor-post:not(:last-of-type) {
    padding: 0 0 clamp(27px,2.08vw,40px)!important;
    border-bottom: solid #ccc
}

.dl-links a em {
    font-style: normal;
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: 1
}

#lg-backdrop-1 {
    z-index: 2000!important
}

.lg-backdrop.in {
    opacity: .8!important
}

.lg-outer {
    z-index: 3000!important
}

.product-info #lightgallery a {
    display: block;
    background: #fff;
    overflow: hidden;
    border-radius: 10px
}

.product-info #lightgallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
    transform: scale(1);
    transition: var(--transition);
    opacity: 1
}

.product-info #lightgallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.product-info #lightgallery a:first-child,.single-stores .store_locator_single_map {
    flex: 0 0 100%;
    max-width: 100%
}

.product-info #lightgallery a:not(:first-child) {
    flex: 0 0 31%;
    max-width: 31%;
    margin: 10px 1%
}

.product-info #lightgallery a:hover img {
    opacity: .6;
    transform: scale(1.05)
}

.home-content-about+.pb {
    padding-bottom: 0!important
}

#checkout h3#ship-to-different-address input {
    appearance: auto;
    position: relative;
    flex: 0 0 20px;
    max-width: 20px;
    margin-right: 10px
}

#checkout h3#ship-to-different-address label {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#checkout h3 {
    font-size: var(--font-size--h5);
    margin: 0 0 10px
}

.side-navigation {
    z-index: 3005!important
}

#custom_checkout_eco_field label input {
    position: relative;
    margin: 0 10px 0 0;
    padding: 0;
    top: 0;
    left: 0
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .ld_course_grid_button a {
    background: 0 0;
    border-color: var(--primary);
    width: 100%;
    border-radius: 100px!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .ld_course_grid_button a:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .ld_course_grid_button a:hover {
    background: var(--primary)!important;
    color: #fff!important
}

.elementor-widget-woocommerce-my-account .course .enrolled {
    background: var(--secondary);
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    font-weight: 900
}

p.woocommerce-LostPassword.lost_password {
    margin: 30px 0 0;
    position: relative;
    font-size: var(--font-size--small)!important
}

.woocommerce-form-login {
    height: auto!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button {
    background: var(--primary)!important;
    border-radius: 100px!important;
    font-size: var(--font-size)!important;
    padding: clamp(13.333333333333334px,1.0416666666666667vw,20px) clamp(33.333333333333336px,2.6041666666666665vw,50px)!important;
    color: #fff!important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:focus,.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover {
    background: var(--dark)!important
}

@media (min-width: 992px) {
    .woocommerce .ion-cart-totals table tr.cart-subtotal,.woocommerce .ion-cart-totals table tr.order-total {
        flex:0 0 48%;
        max-width: 48%
    }

    .woocommerce-form-login {
        max-width: 640px;
        margin: 0 auto!important
    }

    .woocommerce .ion-cart-totals table tr {
        flex: 0 0 48%!important;
        max-width: 48%!important
    }
}

.woocommerce .ion-cart-totals table tr.shipping {
    flex: 0 0 100%!important;
    max-width: 100%!important
}

.single-stores main.container {
    display: flex
}

.single-stores main {
    display: none;
    padding: var(--spacing) 30px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto
}

.single-stores .store_locator_single_address,.single-stores .store_locator_single_contact,.single-stores .store_locator_single_opening_hours {
    float: none!important;
    padding: 0;
    flex: 0 0 31%;
    max-width: 31%
}

.single-stores main h2 {
    font-size: var(--font-size--h4);
    color: var(--dark);
    margin: 0 0 17px
}

.reg-or-login {
    text-align: center!important;
    margin: 0 0 40px!important
}

.pg-section .arf_form .arfformfield .controls .arfbtn.dropdown-toggle,.pg-section .arf_form .arfformfield .controls input:not([type=checkbox]) {
    height: 55px;
    min-height: 55px
}

.woocommerce-customer-details h2.woocommerce-column__title {
    margin: 0 0 9px
}

@media (max-width: 1700px) {
    .sizing-wizard .sw-right {
        flex:0 0 55%;
        max-width: 55%;
        margin: 0
    }

    .sizing-wizard .sw-left {
        flex: 0 0 45%;
        max-width: 45%
    }

    .diagram {
        right: 80px
    }
}

@media (max-width: 1500px) {
    .hero {
        padding-top:50px!important
    }

    .admin-bar .hero {
        padding-top: 55px!important
    }

    .preheader {
        height: 50px!important
    }
}

@media (max-width: 1368px) {
    #header .navigation li ul {
        left:auto;
        right: 0
    }
}

@media (max-width: 1199px) {
    .home-pillar a.block-link .block-link-text .button {
        text-align:center;
        width: 150px
    }

    #header,.hero-content,.pg-title,.preheader {
        padding-left: 30px!important;
        padding-right: 30px!important
    }

    body,html {
        overflow-x: hidden!important
    }

    .preheader .elementor-icon-list-items li:first-child a,.preheader .elementor-icon-list-items li:first-child a svg,.preheader.active .elementor-icon-list-items li:first-child {
        width: 120px!important;
        height: 20px!important
    }

    .preheader form#searchform {
        width: 140px
    }

    .preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text span {
        max-width: 83px;
        font-size: 11px
    }

    .preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text {
        font-size: 12px
    }
}

@media (max-width: 1025px) {
    #header ul li:not(:first-child,:last-child,.menu-item):nth-child(5),#header ul li:not(:first-child,:last-child,.menu-item):nth-child(6),.hero .hero-content p a em,.home-hero-socks .sock .sock-fade,.preheader .elementor-icon-list-items li:last-child,.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text span {
        display:none
    }

    #mcart {
        display: flex
    }

    #header ul li:first-child a svg {
        width: 200px;
        height: auto
    }

    #header ul li:not(:first-child,:last-child) a {
        padding: 9px 13px
    }

    #header ul li#openSideMenu a {
        padding: 0;
        width: 26px;
        height: 22px;
        margin-left: 10px;
        position: relative;
        top: -1px
    }

    .hero .hero-content {
        padding: 50px 30px 60px
    }

    .home-hero-socks {
        margin: 0
    }

    .hero .hero-content h1 {
        font-size: var(--font-size--h2)
    }

    #header ul li:first-child a em {
        letter-spacing: 1px;
        max-width: 200px;
        font-size: 11px;
        text-align: center;
        margin-top: 5px
    }

    .home-hero-socks .sock:after {
        content: "";
        display: block;
        width: 120px;
        height: 9px;
        border-radius: 1000%;
        background: #000;
        filter: blur(10px);
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 0;
        margin: auto;
        opacity: .7
    }

    .preheader .elementor-icon-list-items li:first-child a,.preheader .elementor-icon-list-items li:first-child a svg,.preheader.active .elementor-icon-list-items li:first-child {
        width: 130px!important;
        height: 38px!important;
        position: relative;
        top: 0
    }

    .gift-card-lead h3 {
        font-size: 28px
    }

    .gift-card-lead img {
        width: 240px
    }

    .gift-card-lead {
        padding-left: 300px
    }

    .diagram {
        width: 81px;
        height: 253px;
        background-size: cover;
        right: 30px
    }

    .diagram.diagram2 {
        background-position: -81px 0
    }

    .diagram.diagram3 {
        background-position: -162px 0
    }

    .sizing-wizard .sw-left,.sizing-wizard .sw-right {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .clinic-reg {
        bottom:165px
    }

    .clinic-reg span {
        font-size: 125%!important
    }
}

@media (max-width: 991px) {
    #clinics_news {
        max-width:93%
    }

    .drop-991 .e-con-inner {
        flex-direction: column!important
    }

    .drop-991 .e-con-inner .e-child[data-element_type=container] {
        flex: 0 0 100%!important;
        max-width: 100%!important;
        width: 100%!important
    }

    .drop-991 .e-con-inner .content-right {
        padding: 0!important;
        margin-top: 40px
    }

    .contact-box li a br {
        display: none
    }

    .contact-box li a {
        font-size: 17px!important
    }

    .size-chart table td,.size-chart table th {
        padding: 10px
    }

    .promo-lead {
        text-align: center
    }

    .cr-video,.pg-section .arf_fieldset {
        width: 100%!important;
        max-width: 100%!important
    }

    .pg-content.collapse-991 .content-left,.pg-content.collapse-991 .content-right {
        padding: 25px 0 0!important
    }
}

@media (max-width: 850px) {
    .home-hero-socks {
        margin:0 0 0 -60px
    }

    .home-hero h1,.home-hero p {
        z-index: 1000
    }

    #header ul li:not(:first-child,:last-child,.menu-item):nth-child(5),#header ul li:not(:first-child,:last-child,.menu-item):nth-child(6) {
        display: none
    }

    #footer .e-con-inner div[data-element_type=container] {
        flex-direction: column!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
        width: 100%!important;
        justify-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
        align-items: flex-start
    }

    #footer li.elementor-icon-list-item:first-child {
        margin-left: 0
    }

    #footer .footer-middle {
        margin: 60px 0!important
    }

    .rounded-form .rounded-form-fields input:not([type=submit]) {
        font-size: 14px
    }

    #footer .rounded-form {
        max-width: 300px
    }

    #footer .footer-copyright p {
        font-size: 15px
    }

    #footer .footer-payment-icons img {
        max-width: 200px;
        margin: 0!important
    }

    #footer .footer-payment-icons {
        margin: 15px 0 0
    }

    #footer .footer-copyright p .ion_link_separator {
        display: block;
        height: 0;
        font-size: 0
    }

    #footer .footer-copyright p .ion_link {
        margin-top: 5px;
        display: block
    }

    .blog-home-form {
        display: block;
        text-align: center
    }

    .blog-home-form p {
        margin: 0 0 10px
    }

    .blog-home-form input[type=email] {
        margin-left: 0;
        width: 160px
    }

    .consider-this-posts .ct-post.second {
        flex: 0 0 100%;
        max-width: 100%
    }

    .consider-this-posts .ct-post.second .ct-img,.consider-this-posts .ct-post:first-child .ct-img {
        height: 200px;
        display: block
    }

    .consider-this-posts .ct-post:first-child {
        align-items: flex-start
    }

    .consider-this-posts .ct-post .ct-img img {
        width: 100%!important;
        height: 100%!important;
        object-fit: cover!important
    }
}

@media (max-width: 767px) {
    .clinic-reg,.clinic-reg:not(.promo) {
        bottom:100px
    }

    :root {
        --font-size--h2: 32px;
        --font-size--h3: 27px;
        --font-size--h4: 24px;
        --spacing: 75px
    }

    .home-hero-socks .sock .sock-label {
        opacity: 1!important;
        max-width: 90px!important;
        padding: 10px!important;
        bottom: -35px!important;
        top: auto!important;
        left: 0!important;
        right: 0!important;
        margin: auto!important
    }

    .clinic-reg img,.pg-section h2 br,.pg-section h3 br,.pg-section h4 br,.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text span,.product-info .woocommerce-product-gallery__image:first-child {
        display: none
    }

    .clinic-reg.promo {
        padding: 0
    }

    .clinic-reg {
        font-size: 14px!important
    }

    .clinic-reg span {
        font-size: 125%!important
    }

    .home.hero {
        min-height: unset!important
    }

    .gift-card-lead {
        flex-direction: column!important;
        padding: 30px 30px 0!important;
        justify-content: center!important;
        align-items: center!important;
        margin: 0!important
    }

    .preheader,.woocommerce div.product.elementor ul.tabs {
        padding: 0!important
    }

    .gift-card-lead img {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin: 0 auto
    }

    .gift-card-lead p:first-child {
        order: 12;
        margin: 0
    }

    .gift-card-lead p:last-child {
        margin: 20px 0 30px
    }

    .gift-card-lead h3,.promo-lead {
        text-align: center
    }

    #footer .footer-logo a {
        display: block;
        width: 275px;
        height: 30px
    }

    #footer .footer-logo a svg,#header .mobile-navigation li.mobile-logo svg {
        width: 100%;
        height: auto
    }

    #footer .footer-logo.pb-85 {
        padding: 0 0 40px
    }

    #footer .footer-right .footer-contact ul.elementor-icon-list-items,.sizing-wizard {
        flex-direction: column
    }

    #footer .footer-right .footer-contact ul.elementor-icon-list-items li,.home-hero-socks .sock:nth-child(2) {
        margin: 0
    }

    #footer .footer-right .footer-contact ul.elementor-icon-list-items li:nth-child(2),.video-box {
        margin: 10px 0
    }

    .home-content-about.pt {
        padding-top: 70px
    }

    #order-review-wrap,html {
        margin: 0!important
    }

    #mcart,#wpadminbar,.arf_half_middle,.preheader .elementor-icon-list-items li:first-child,.preheader .menu-trigger,.preheader .preheader-search {
        display: none!important
    }

    .admin-bar .hero,.hero {
        padding-top: 0!important
    }

    .preheader:after {
        opacity: 1
    }

    .admin-bar .preheader,.preheader {
        top: auto;
        bottom: 0;
        border: none!important;
        border-top: 1px solid #fff!important
    }

    .consider-this-posts .ct-post,.preheader .elementor-icon-list-items li:last-child,.preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text span {
        display: block
    }

    .preheader .elementor-icon-list-items li:not(:first-child) {
        margin: 0!important;
        flex: 0 0 25%;
        max-width: unset!important
    }

    .preheader .elementor-widget-icon-list {
        margin: 0!important;
        width: 100%!important
    }

    .preheader .elementor-icon-list-items li:not(:first-child) a {
        flex-direction: column;
        justify-content: stretch;
        align-items: center;
        text-align: center;
        padding: 10px
    }

    .preheader .elementor-icon-list-items li:not(:first-child,:last-child) a {
        border-right: 1px solid rgba(0,0,0,.3)
    }

    .preheader {
        height: auto!important;
        z-index: 3000
    }

    .preheader .elementor-icon-list-items li:not(:first-child) .elementor-icon-list-text {
        padding: 0;
        margin-top: 5px
    }

    .preheader .elementor-icon-list-items li:not(:first-child):last-child .elementor-icon-list-text span {
        display: inline;
        font-size: 0;
        font-weight: 600
    }

    .preheader .elementor-icon-list-items li:not(:first-child):last-child .elementor-icon-list-text span span {
        font-size: 12px
    }

    .preheader .elementor-icon-list-items li:not(:first-child):last-child .elementor-icon-list-text span span span:before {
        content: ": ";
        margin: 0 0 0 -2px
    }

    #footer {
        padding-bottom: 100px
    }

    .hero .hero-content .elementor-element {
        width: 100%!important
    }

    .hero .hero-content {
        text-align: center!important
    }

    .home-hero-socks .sock {
        flex: 0 0 33%!important;
        max-width: 33%!important
    }

    .home-hero-socks {
        margin: 40px auto 0
    }

    #header .mobile-navigation li.mobile-logo {
        width: 200px;
        height: 21px
    }

    #header {
        padding: 10px 15px!important;
        border-top: 10px solid var(--primary);
        z-index: 1300;
        position: fixed;
        box-shadow: 0 2px 10px rgba(0,0,0,.3);
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto
    }

    #header ul li:not(:first-child,:last-child) a {
        padding: 0!important;
        margin: 0!important
    }

    #header .mobile-navigation li.mobile-button span {
        line-height: 1;
        margin: 0;
        position: relative;
        top: 4px;
        display: none
    }

    .hero-content,.pg-title {
        padding-top: 125px!important
    }

    .admin-bar .side-navigation {
        top: 0
    }

    #header .side-navigation .menu li:not(:first-child,.social) a {
        padding: 10px!important
    }

    .hero .hero-content p a {
        width: 100%;
        display: block;
        margin: 0 auto 9px!important;
        max-width: 150px
    }

    #header .mobile-navigation li.mobile-button strong.third-button-icon {
        background-image: url(i/icons/icon-search.svg)
    }

    #header .mobile-navigation li.mobile-button {
        height: 40px
    }

    .msearch {
        position: fixed!important;
        top: 70px!important;
        left: 0!important;
        right: 0!important;
        z-index: 1280!important;
        display: none
    }

    .msearch .rounded-form .rounded-form-fields input:not([type=submit]) {
        border-radius: 0;
        background: #eee;
        border-color: #eee
    }

    .blog-home-form p,.page-id-74209 .white-box {
        margin: 0 0 10px
    }

    .size-chart {
        width: 100%;
        overflow: scroll
    }

    .size-chart table {
        width: 920px
    }

    .table-note {
        display: block!important;
        text-align: center
    }

    #qo-form {
        overflow: scroll;
        width: 100%;
        max-height: 410px
    }

    #qo-form table {
        width: 1000px
    }

    .sizing-wizard .sw-left,.sizing-wizard .sw-right {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

    .sizing-wizard .sw-left {
        order: 12
    }

    .diagram {
        width: 46px;
        height: 143px;
        top: 50px;
        right: 0
    }

    .diagram.diagram2 {
        background-position: -46px 0
    }

    .diagram.diagram3 {
        background-position: -92px 0
    }

    .achi-block-links .e-child {
        margin: 10px 0!important
    }

    .arfformfield.frm_first_half,.arfformfield.frm_first_third,.arfformfield.frm_last_half,.arfformfield.frm_last_third,.arfformfield.frm_third {
        float: none!important;
        width: 100%!important
    }

    .pg-section .arf_form .arf_checkbox_style .icheckbox_flat-blue {
        top: 5px
    }

    .blog-home-form {
        display: block;
        text-align: center
    }

    .blog-home-form input[type=email] {
        margin-left: 0;
        width: 160px
    }

    .consider-this-posts .ct-post .ct-img,.consider-this-posts .ct-post .ct-meta {
        flex: 0 0 100%;
        max-width: 100%
    }

    .consider-this-posts .ct-post .ct-img {
        margin-bottom: 30px
    }

    #store_locator_main {
        margin-top: 30px
    }

    #store_locator_result_list {
        max-height: 200px!important
    }

    #store_locator_map {
        height: 300px!important
    }

    .achi-block-link a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0
    }

    .achi-block-link a img {
        height: auto;
        max-width: 120px;
        flex: 0 0 120px;
        margin: 0 15px 0 0
    }

    .product-info .images {
        margin: 0 0 25px!important
    }

    .woocommerce div.product.elementor ul.tabs li {
        width: 100%;
        text-align: center
    }
}

@media (max-width: 640px) {
    .simple-form .fields .field.half {
        flex:0 0 100%;
        max-width: 100%
    }

    .home-pillars {
        flex-direction: column!important
    }

    .home-pillars .home-pillar {
        width: 100%!important
    }

    .home-pillar a.block-link {
        height: 230px;
        margin: 5px 0
    }

    .home-pillar a.block-link .block-link-text .block-link-heading {
        margin: 0 0 20px
    }

    .home-pillar a.block-link .block-link-subtext svg {
        height: 35px
    }

    .home-pillar a.block-link:focus .block-link-text .block-link-heading,.home-pillar a.block-link:hover .block-link-text .block-link-heading {
        margin: -60px 0 20px
    }

    .video-box {
        margin: 10px 0
    }
}

@media (max-width: 400px) {
    #header .mobile-navigation li.mobile-logo {
        width:170px;
        height: 16px
    }

    .wizard .form-row input[type=number] {
        width: 45px
    }

    .wizard .wizard-heading h2 .text {
        width: 140px!important
    }
}

.clinic-reg {
    background: #45277d;
    color: #D18CFF !important;
    font-family: var(--heading);
    width: clamp(147px, 11.46vw, 220px);
    height: clamp(147px, 11.46vw, 220px);
    line-height: 1.2;
    text-align: center;
    position: fixed;
    z-index: 9998;
    bottom: clamp(20px, 1.56vw, 30px);
    right: clamp(20px, 1.56vw, 30px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: clamp(14px, .83vw, 16px);
    overflow: hidden;
    border: none;
    box-shadow: 0 0 15px rgba(209, 140, 255, 0.3);
    animation: entrance 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.clinic-reg::before {
    content: '';
    position: absolute;
    width: 170%;
    height: 170%;
    background: conic-gradient( #D18CFF, #5a36a1, #D18CFF, #5a36a1, #D18CFF );
    animation: rotate 3.5s linear infinite;
    z-index: -2;
}

.clinic-reg::after {
    content: '';
    position: absolute;
    inset: 4px;
    background: #1f2362;
    border-radius: 50%;
    z-index: -1;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes entrance {
    0% {
        transform: scale(0) rotate(-15deg);
        opacity: 0;
    }

    70% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

#footer {
    z-index: 9999;
}

.page-id-74370 .clinic-reg {
    display: none !important;
}