.fpd-product-designer-wrapper { max-width: 100%; width: 100%; } .fpd-fullwidth-summary .summary { width: 100% !important; float: none !important; } .fpd-container .fpd-login-info { padding: 0 0 10px 0; font-size: 14px; } .fpd-product-images-hidden .images { display: none !important; } .fpd-get-quote-enabled .summary .price { display: none !important; } .fpd-blue-btn , .fpd-secondary-btn { background: #EBEBEB; color: #989898; padding: 10px 10px; } #fpd-start-customizing-button { pointer-events: visible; cursor: pointer; display: inline-block; opacity: 1; margin: 10px 0; } #fpd-start-customizing-button.fpd-disabled { pointer-events: none; opacity: 0.5; } .fpd-modal-price { border-left: 1px solid rgba(255,255,255, 0.4); padding-left: 5px; margin-left: 5px; } .single-product.fpd-customization-required .cart [type="submit"], .fpd-customization-required [name="fpd_shortcode_form"] [type="submit"] { display: none !important; } .product-type-variable.fpd-variation-needed #fpd-start-customizing-button { display: none; } .fpd-share-design > * { display: inline-block; margin: 10px 10px 0 0; } #fpd-share-button > i { margin: 0 5px; } .fpd-share-process, .fpd-share-url { font-size: 12px; font-style: italic; } .fpd-share-url { vertical-align: text-top; line-height: 16px; } .fpd-share-widget .jssocials-share-link { width: 40px; display: block; } .fpd-share-design .jssocials-shares, .fpd-share-design .jssocials-share { margin-top: 0; margin-bottom: 0; } form[name="fpd_shortcode_form"] { z-index: 0 !important; } form[name="fpd_shortcode_form"] > input { display: block; margin-bottom: 10px; } .fpd-shortcode-form-text-input { width: 100%; } .fpd-shortcode-form-text-input.fpd-error { background: #ffeeee !important; } .fpd-shortcode-price-wrapper { font-size: 1.6em; opacity: 0; -webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; } .fpd-shortcode-price-wrapper.fpd-show-up { opacity: 1; } .fpd-saved-products-grid { margin: 20px 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; } .fpd-saved-products-grid > div { border: 1px solid rgba(0,0,0, 0.1); background-color: #fbfbfb; flex: 0 1 auto; width: 24%; height: auto; margin: 0 1% 20px 0; background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative; } .fpd-saved-products-grid > div > a { display: block; width: 100%; height: 170px; } .fpd-saved-products-grid > div > span { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; background: rgba(255,255,255, 0.8); } .fpd-saved-products-grid > div .fpd-sc-remove-saved-product { display: none; position: absolute; right: 10px; top: 0; left: auto !important; bottom: auto !important; font-size: 24px; padding: 5px; color: rgba(0,0,0, 0.8); width: auto !important; cursor: pointer; opacity: 0.5; } .fpd-saved-products-grid > div:hover .fpd-sc-remove-saved-product { display: block; } .fpd-saved-products-grid > div .fpd-sc-remove-saved-product:hover { opacity: 1; } .fpd-theme-check-wrapper { top: 0; left: 0; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 10000; } .fpd-theme-check-wrapper > .fpd-theme-check-content { position: absolute; top: 200px; left: 50%; margin-left: -400px; width: 800px; min-height: 300px; background: #fff; padding: 20px; } .fpd-theme-check-content h4 { font-size: 18px; font-weight: bold; margin: 0 0 20px; padding: 0; } .fpd-theme-check-content h4 span { float: right; cursor: pointer; } .fpd-theme-check-content p { font-size: 12px; margin-bottom: 15px; padding: 10px; clear: both; } .fpd-theme-check-content p a { color: inherit; text-decoration: underline; } .fpd-theme-check-content p.fpd-success { background-color: #DFF0D8; color:#3c763d; } .fpd-theme-check-content p.fpd-warning { background-color: #FCF8E3; color:#8a6d3b; } .fpd-theme-check-content p.fpd-error { background-color: #F2DEDE; color: #a94442; } #fpd-3d-preview-placeholder { min-height: 500px; margin: 20px 0; } .fpd-sc-module-wrapper { border: 1px solid rgba(0,0,0,0.1); min-height: 300px; } .fpd-cart-item-meta-title { font-size:0.95em; font-weight: normal; overflow:hidden; text-overflow:ellipsis; max-width:80px; white-space:nowrap; display:inline-block; vertical-align: middle; line-height: 1; } .fpd-cart-element-color { white-space: nowrap; border:1px solid #f2f2f2; font-size:11px; margin-right:4px; padding:2px 3px; } .fpd-frontend-notification { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(15, 23, 42, 0.2); z-index: 1000000; } .fpd-frontend-notification > div { position: fixed; left: 50%; top: 50%; width: 600px; min-height: 300px; max-width: 100vw; background: #fff; transform: translate(-50%, -50%); border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0, 0.2); padding: 20px; text-align: center; } .fpd-frontend-notification #fpd-frontend-notification-close { border: 1px solid #000; color: #000; padding: 6px 8px; font-size: 18px; border-radius: 4px; cursor: pointer; display: inline-block; text-align: center; width: 80%; margin-top: 40px; } @media (max-width : 767px) { .fpd-saved-products-grid > div { width: 48%; } .fpd-hidden-tablets .fpd-container, .fpd-hidden-tablets .fpd-done { display: none !important; } } @media (max-width : 568px) { .fpd-saved-products-grid > div { width: 100%; } .fpd-hidden-smartphones .fpd-container, .fpd-hidden-smartphones .fpd-done { display: none !important; } } .fpd-sc-action-placeholder .fpd-btn { display: inline-flex !important; align-items: center; padding: 10px 12px !important; } .fpd-sc-action-placeholder[data-layout="icon-tooltip"] .fpd-btn > span, .fpd-sc-action-placeholder[data-layout="text"] .fpd-btn > i { display: none; } .fpd-sc-action-placeholder[data-layout="icon-text"] .fpd-btn > span { margin-left: 5px; } .fpd-sc-action-placeholder .fpd-switch { margin: 0 0 0 10px !important; }