.itg-customize-options { margin-top: 20px; } .itg-customize-options label { font-size: 14px; } .itg-customize-options .desc { padding-top: 0; font-size: 12px; margin-bottom: 10px; } .itg-customize-options label span.required { color: red; font-size: 16px; margin-left: 8px; } .itg-customize-template { float: left; width: 100%; position: sticky; top: 0; } .itg-normal-img { float: left; width: 100%; position: relative; } .itg-customize-template .itg-customize-inner { position: relative; margin-top:-50px; } .itg-customize-template .itg-customize-inner > div{ display:flex; } .itg-customize-template .itg-customize-inner > div img { width:100%; } .itg-customize-template .itg-customize-inner > div { display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .itg-customize-template .itg-customize-inner .itg-grip-layer { position: relative; z-index: 1; } .itg-customize-template .itg-customize-inner .itg-paint-layer { z-index: 2; } .itg-customize-template .itg-customize-inner .itg-logo-layer { z-index: 3; } .itg-customize-template .itg-customize-inner .itg-text-layer { z-index: 4; } .itg-customize-template{ display:none; } .prescription-upload-img-btn input { display: none; } .prescription-form-box .form__input-wrapper { display: flex; justify-content: space-between; } .prescription-form-box .form__input-wrapper>div { width: 100%; } .prescription-form-box .form__input-wrapper>div:first-child{ margin-right:10px; } .prescription-form-box .form__input-wrapper>div:last-child{ margin-left:10px; } .form__input-wrapper .form__input-label { padding: 5px 10px; background-color: #ffffcc; border: 1px solid #e1e3e4; max-width: 200px; font-size: 14px; display: flex; align-items: center; } .prescription-form-box .form__input-wrapper .form__input-box { padding: 6px 10px; background-color: #eeeeee; border: 1px solid #e1e3e4; display: flex; } .prescription-form-box .form__input-wrapper .form__input-box .form--field { padding: 8px 15px; border: 1px solid #e1e3e4; font-size: 14px; width:100%; } .prescription-form-box .form__input-wrapper .form__input-box .form-select-box { width: 100%; } .prescription-form-box .form__input-wrapper .form__input-box .form-select-box select { width: 100%; font-size: 14px; padding: 5px; border: 1px solid #e1e3e4; } .prescription-form-box .form__input-wrapper .form__input-box .or-box { min-width: 20px; } .prescription-form-box .form__input-wrapper .form__input-box .form-select-box.max-80 { max-width: 80px; } .form__input-wrapper .itg-label{ display: flex; font-size: 14px; } .form__input-wrapper .itg-label { display: flex; font-size: 14px; padding: 10px; background-color: #eeeeee; border: 1px solid #e1e3e4; } .itg-prescription-placeholder-box { width: 100%; display: none; text-align: left; margin-bottom: 15px; } .itg-prescription-placeholder-box.active{ display:block; } .itg-prescription-placeholder-box .itg-prescription-placeholder { max-width: 100px; } .remove-prescription-image{ display:none; } .remove-prescription-image.active{ display:inline-block; } .prescription-upload-img-btn .upload-image{ position: relative; display: inline-block; width: auto; line-height: 1em; height: auto; padding: 10px 15px; font-size: 12px; text-transform: uppercase; } .prescription-upload-img-btn .upload-image:after { content: ""; width: 20px; height: 20px; display: inline-block; background-image: url(../../../../../../0267/2033/7994/t/6/assets/reload_1186.png); -webkit-animation: rotation 0.5s infinite linear; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; opacity: 0; visibility: hidden; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } .prescription-upload-img-btn .upload-image.loading:after{ opacity: 1; visibility: visible; } .product-top{ position: relative; display: inline-block; width: 100%; } .page-wrap.itg-overflow-visible { overflow: visible; } .itg-sticky-box { position: sticky; top: 0; } .itg-input-hidden-group { display: none !important; } .itg-customize-template .itg-customize-inner .itg-custom-logo-layer { z-index: 5; } .itg-customize-template .itg-customize-inner .itg-custom-text-layer{ z-index: 6; } .itg-customize-template .itg-customize-inner .itg-custom-logo-layer .custom-logo { top: 51.5%; position: absolute; left: 13.9%; width: auto; height:18%; transform: translate(0,-50%); } .itg-customize-template .itg-customize-inner .itg-custom-text-layer span { position: absolute; right: 13.9%; top: 51.5%; transform: translate(0,-50%); font-size: 300%; line-height: 100%; word-break: break-all; max-width:80%; width:100%; text-align:right; } .itg-customize-template .itg-customize-inner.itg-without-img .itg-custom-text-layer span { right:50%; transform: translate(50%,-50%); text-align:center; } .itg-customize-template .itg-customize-inner .itg-custom-logo-layer, .itg-customize-template .itg-customize-inner .itg-custom-text-layer{ opacity:0; visibility:hidden; } .itg-customize-template .itg-customize-inner .itg-custom-logo-layer.active, .itg-customize-template .itg-customize-inner .itg-custom-text-layer.active { opacity:1; visibility:visible; } .itg-customize-template .itg-customize-inner .itg-logo-layer.deactive, .itg-customize-template .itg-customize-inner .itg-text-layer.deactive { opacity:0; visibility:hidden; } .itg-customize-template .itg-customize-inner .active img { border:0 !important; } .customize-check { margin: 20px 0; } .customize-check label { line-height: 1em; } .customize-check input { margin-right: 10px; } .itg-customize-options { display:none; } .itg-customize-template .itg-customize-inner .itg-custom-text-layer.left span { left: 13.9%; right: auto; text-align:left; } .itg-customize-template .itg-customize-inner .itg-custom-logo-layer.right .custom-logo { right: 13.9%; left: auto; } .itg-customize-template .itg-customize-outer { position: relative; } .itg-customize-template .itg-customize-outer .itg-customize-inner { position: absolute; margin: 0; padding: 0; max-width: 30%; top: 46%; transform: translate(0,-50%); left: 15%; } .itg-customize-template .itg-customize-outer .itg-customize-inner .itg-grip-layer { opacity: 0; visibility: hidden; } .itg-customize-template .itg-customize-outer .itg-customize-inner .itg-custom-text-layer span { font-size: 100%; } .itg-customize-outer.itgright .itg-customize-inner { left: auto; right: 15%; } .itg-customize-outer.itgcenter .itg-customize-inner { left: 50%; right: auto; transform: translate(-50%,-50%); } .itg-customize-outer.itgright.itgswinggrip .itg-customize-inner { max-width: 20%; right:17%; top:49%; } @media screen and (min-width: 767px) and (max-width: 979px) { .itg-customize-template .itg-customize-inner .itg-custom-text-layer span{ font-size: 250%; } .itg-customize-template .itg-customize-outer .itg-customize-inner .itg-custom-text-layer span{ font-size: 40%; } } @media screen and ( max-width: 767px ) { .itg-customize-template .itg-customize-inner .itg-custom-text-layer span{ font-size:185%; } .itg-customize-template .itg-customize-outer .itg-customize-inner .itg-custom-text-layer span{ font-size: 40%; } } .itg-custom-text-layer { max-width: 100%; } @media screen and ( min-width: 992px ) { .itg-custom-text-layer { max-width: 92% !important; } } .pure-classic-putter-custom .itg-customize-template .itg-customize-inner > div, .pure-midsize-putter-custom .itg-customize-template .itg-customize-inner > div { top: 4px; } .pure-oversize-putter-custom .itg-customize-template .itg-customize-inner > div { top: 6px; }