@font-face { font-family: 'indie_flowerregular'; src: url('../../fonts/indieflower-regular-webfont.woff2') format('woff2'), url('../../fonts/indieflower-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dancing_scriptregular'; src: url('../../fonts/dancingscript-regular-webfont.woff2') format('woff2'), url('../../fonts/dancingscript-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../../fonts/pacifico-regular-webfont.woff2') format('woff2'), url('../../fonts/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'shadows_into_lightregular'; src: url('../../fonts/shadowsintolight-regular-webfont.woff2') format('woff2'), url('../../fonts/shadowsintolight-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { overflow: hidden; } button.current-filter { color: #fff; background-color: #446084; background-color: var(--primary-color); border-color: rgba(0,0,0,0.05); } button.is-checked { background-color: #dbd3d3; } .product-filter-section { position: fixed; padding: 20px 0; float: left; width: 250px; padding: 70px 0; text-align: center; background: #115571; h4 { color: #FFF; text-transform: uppercase; } .filter-group { display: inline-block; .filter-list { position: relative; width: 250px; .current-filter { width: 100%; margin: 0; } } .button-group { /* position: absolute; */ top: 100%; left: 0; box-shadow: 0 2px 5px 0 rgba(220,215,215,0); z-index: 1; background-color: #fff; width: 100%; /* display: none; */ display: block; button { line-height: 40px; padding: 0 20px; width: 100%; margin: 0; min-height: initial; border: none; transition: all 0.3s; // &.is-checked.all { // display: none; // } } &.opened { box-shadow: 0 2px 5px 0 rgba(220,215,215,.5); button { display: block; } } } } } .lrm-form input.has-padding, .lrm-form select.has-padding, .lrm-form button.has-padding { padding: 12px 15px !important; } .container-full { padding: 0 20px; background: #115571; overflow: hidden; @media (min-width: 1400px) { padding: 0 200px; } } #products-listing { .row { /* margin-left: -15px; */ /* margin-right: -15px; */ margin: 0; width: 100%; display: block; max-width: 100%; .col { padding: 0 15px; float: left; width: 100%; @media (min-width: 768px) { width: 50%; } @media (min-width: 1024px) { width: 33.33%; } @media (min-width: 1200px) { width: 33.33%; } } } } #products-listing { float: right; width: calc(~"100% - 300px"); padding: 70px 0; background: #115571; } .card-item { .card-item-content { margin-bottom: 30px; border-radius: 15px; background-color: #fff; padding: 20px; box-shadow: 1px 1px 10px #10455a; transform: scale(1,1); -webkit-transform: scale(1,1); transition: all .3s; -webkit-transition: all .3s; &:hover { transform: scale(.9,.9); -webkit-transform: scale(1.05,1.05); } .product-category { text-transform: uppercase; margin-bottom: 10px; b { text-transform: uppercase; } } .product-image { /* margin-bottom: 10px; */ } .product-details { h3 { margin: 0 0 10px; font-weight: : 700; line-height: 1.2; } h4 { margin: 0; } } h2 { font-size: 23px; text-transform: uppercase; font-weight: 400; text-align: center; } span.price { font-size: 32px; } } } .shop-container { .product { padding: 70px 0; background: #115571; } .product-top-info { .product-gallery { width: 200px; float: left; .image-tools { display: none; } } .product-info { padding-left: 230px; .product-category { margin-bottom: 10px; b { text-transform: uppercase; } } .product-category { text-transform: uppercase; } .product-title { font-size: 32px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; } .product-title, .product-short-description { width: calc(~"100% - 130px"); float: left; } .product-price { width: 130px; display: inline-block; text-align: right; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; del span.amount { margin: 0 0 5px; } .price { margin: 0; .amount { font-size: 32px; color: #115571; } } } } } } .container-full { max-width: 100%; } .product-section { padding: 24px; background: #FFF; border-radius: 5px; margin-bottom: 40px; &:last-child { margin-bottom: 0; } .form-row { margin-left: -15px; margin-right: -15px; .form-column { width: 50%; float: left; padding: 0 15px; &.full-width-column { width: 100%; } .form-head { /* margin-bottom: 50px; */ h3 { margin: 0 0 10px; text-transform: uppercase; font-size: 30px; font-weight: 300; } .select-hw { input { opacity: 0; position: fixed; width: 0; } label { display: inline-block; margin: 0 15px 10px 0; position: relative; cursor: pointer; font-size: 2em; &:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid transparent; transition: all 0.3s; margin: auto; } &.raymond { font-size: 2.2em; } } input[type="radio"]:checked + label { color: #115571; &:before { border-bottom: 3px solid #115571; position: absolute; bottom: 10px; } } } .placeholders { margin-top: 15px; margin-bottom: 30px; .button { cursor: pointer; margin: 0 15px 0 0; &:last-child { margin-right: 0; } } p { margin-bottom: 0; } } } .form-group { .message-count { display: inline-block; background: #115571; padding: 5px 10px; border-radius: 10px; color: #FFF; margin: 0 auto; float: none; font-size: 12px; line-height: 16px; } #your-preview { font-size: 36px; white-space: pre-wrap; word-wrap: break-word; line-height: 1.1; padding: 20px; } #your-message, #your-preview-wrapper { height: 400px; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); border: 1px solid rgb(221, 221, 221); &.portrait { height: 600px; } } #your-preview-wrapper { /* background: #fff url('../../images/preview_bg.png'); */ /* overflow: auto; */ overflow: hidden; } textarea { resize: none; padding: 20px; overflow: hidden; &#your-preview { font-size: 32px; } &.portret { height: 480px; } } &.multiple-recipients { .download-file { .button { margin: 0; } } .divider { margin: 9px 0; height: 2px; border-bottom: 2px dashed rgb(221, 221, 221) } } } } } } .bulk-info { text-align: right; .bulk-table { display: inline-block; table { width: 550px; margin: 0; td { border-left: 1px solid #4daba7; border-bottom: 1px solid #4daba7; text-align: center; padding: 10px 8px; background-color: #4db7b3; color: #FFF; &:first-child { font-weight: bold; border-left: none; } } tbody { td { border-bottom: none; } } } } } .bulk-info .bulk-table table td { border-bottom: 1px solid #4daba7; text-align: center; background-color: #4db7b3; color: #FFF; } .woocommerce-page .page-wrapper { background: #FFF; padding: 24px; border-radius: 5px; margin: 50px auto; } .woocommerce-cart .breadcrumbs a:hover, .woocommerce-cart .breadcrumbs a.current { color: #FFF; } .woocommerce-page .breadcrumbs a { text-transform: uppercase; } .woocommerce-page #main { background-color: #115571; padding-bottom: 50px; } .is-well { background-color: #26788e12; box-shadow: 1px 1px 3px 0px #26788e2b, 0 1px 0 #26788e2b, inset 0 0 0 1px #26788e2b; } .page-checkout-simple .container { background: #FFF; padding: 24px; border-radius: 5px; } #sending-popup { margin: 70px auto; background: #fff; max-width: 800px; padding: 30px; position: relative; .popup-head { text-align: center; margin-bottom: 15px; h2 { margin: 0 0 10px; } *:last-child { margin: 0; } } .popup-content { overflow: hidden; } .columns-row { margin-left: -10px; margin-right: -10px; .column { padding: 0 10px; float: left; width: 100%; margin-bottom: 15px; .box-action { display: block; border-radius: 5px; background: #26788e12; padding: 25px 15px; text-align: center; transition: all 0.3s; color: #115571; .icon { width: 70px; height: 100px; margin: 0 auto 15px; display: block; } h3 { } p { margin: 0; } &:hover { color: #115571; background: #26788e2b; } } } } @media (min-width: 768px) { padding: 50px; .popup-head { margin-bottom: 30px; } .columns-row { .column { width: 33.33%; margin: 0; } } } } .hide { display: none !important; } .file-upload-wrapper { position: relative; width: 100%; height: 60px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); border: 1px solid #dddddd; } .file-upload-wrapper:after { content: attr(data-text); font-size: 18px; position: absolute; top: 0; left: 0; background: #fff; padding: 10px 15px; display: block; width: calc(100% - 40px); pointer-events: none; z-index: 20; height: 40px; line-height: 40px; color: #999; border-radius: 5px 10px 10px 5px; font-weight: 300; } .file-upload-wrapper:before { content: "Upload"; position: absolute; top: 0; right: 0; display: inline-block; height: 60px; background-color: #446084; background-color: var(--primary-color); color: #fff; font-weight: 700; z-index: 25; font-size: 16px; line-height: 60px; padding: 0 15px; text-transform: uppercase; pointer-events: none; transition: all 0.3s; } .file-upload-wrapper:hover:before { background: #3e928f; } .file-upload-wrapper input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; height: 40px; margin: 0; padding: 0; display: block; cursor: pointer; width: 100%; } .lrm-user-modal, .mfp-bg { background: #2f889a; opacity: 1; background: #2f889ae0; } .lrm-user-modal { position: static; width: auto; display: none; } .mfp-content .lrm-user-modal { display: block; width: 500px; max-width: 100%; margin: 0 auto; } .lrm-user-modal-container{ padding: 0; margin: 0; overflow: hidden; } .lrm-user-modal-container { width: 100%; } .product-container .multiple-recipients { display: none; height: 0; } .product-container.single-recipient .message-section .form-head{ margin-bottom: 15px; } .product-container.ship-to-self .multiple-recipients, .product-container.multiple-recipients .multiple-recipients { display: block; height: auto; } .product-container.ship-to-self .single-recipients, .product-container.multiple-recipients .single-recipients { display: none; } .product-container.multiple-recipients .your-message-wrapper, .product-container.multiple-recipients #your-preview-wrapper, .product-container.ship-to-self .your-message-wrapper, .product-container.ship-to-self #your-preview-wrapper { margin-top: 40px; } /* .product-container.ship-to-self .shipping-address > .multiple-recipients, */ /* .product-container.ship-to-self .shipping-address > .single-recipients{ */ /* width: 50%; */ /* float: left; */ /* padding: 0 15px; */ /* display: block; */ /* } */ /* .product-container.ship-to-self .shipping-address > .multiple-recipients { */ /* float: right; */ /* display: block; */ /* } */ .qty-wrapper label { float: left; line-height: 40px; margin-right: 20px; margin-bottom: 0; } .nav-center { -ms-flex-pack: center; justify-content: flex-center; } .login-wrapper { position: relative; float: left; > a { z-index: 99; position: relative; line-height: 35px; padding-right: 45px; display: block; text-transform: uppercase; font-size: .8em; font-family: "Tinos", sans-serif; font-weight: bolder; color: rgba(102,102,102,0.85); margin-left: 30px; img { position: absolute; top: 0; right: 0; max-width: 35px; } img.free-cards{ height: 26px; right: 5px; } } .nav-dropdown { max-height: initial; display: block; left: 0; transition: all .25s; transform: translateY(-50px); z-index: 9; top: 100%; padding: 20px 30px; pointer-events: none; } &.opened { .nav-dropdown { transform: translateY(30px); opacity: 1; pointer-events: initial; } } & + .nav-right { width: auto; float: right;margin-left: 20px; } } .header-wrapper.stuck { .login-wrapper.opened .nav-dropdown { transform: translateY(10px); } } .nav-dropdown li.woocommerce-MyAccount-navigation-link--downloads { display: none; } .lrm-user-modal { .lrm-form { .fieldset { label { display: none; } input { padding: 0 15px !important; height: 50px !important; border-radius: 0px; } .hide-password { // background: url('../../images/view-password.svg'), url('../../images/hide-password.svg'); // background-position: 50% 50%, 30px 50%; // background-size: 20px, 20px; background: url('../../images/view-pass.png'); background-position: 12px 50%; background-size: auto 15px; text-indent: -9999px; background-repeat: no-repeat; &.hide-password--on { background: url('../../images/hide-pass.png'); background-size: auto 15px; text-indent: -9999px; background-repeat: no-repeat; background-position: 12px 50%; } } &.fieldset--terms { label { display: block; } } } button[type=submit] { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: .97em; letter-spacing: .03em; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-bottom: 0; margin-right: 1em; text-shadow: none; line-height: 28px; min-height: 2.5em; padding: 10px 20px; max-width: 100%; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s; text-rendering: optimizeLegibility; box-sizing: border-box; color: #fff; background-color: #446084; background-color: var(--primary-color); border-color: rgba(0, 0, 0, 0.05); } .lrm-form-bottom-message { position: static; margin: 20px 0 !important; a { color: #505260; } } } } .lrm-user-modal-container .lrm-switcher a { background: #e6e6e6; color: #929292; &.selected{ background-color: #ffffff; } } .lrm-user-modal-container .lrm-switcher.-is-not-login-only a.selected { background-color: #ffffff; } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } html.login-popup-opened.html-has-lrm { overflow: hidden !important; } .stuck .header-main .nav > li > a { line-height: 32px!important; } .ui.calendar .input { width: 100%; input { box-sizing: border-box; border: 1px solid #ddd; padding: 0 .75em; height: 60px; font-size: .97em; border-radius: 0; max-width: 100%; width: 100%; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); transition: color .3s, border .3s, background .3s, opacity .3s; } } .add-to-cart-section { select, input { height: 60px; } .form-action { display: inline-block; width: 100%; padding-top: 40px; text-align: center; .button { font-size: 24px; } } } .alert, .woocommerce-message .message-container { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; min-width: 400px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link, .woocommerce-message a { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success, .woocommerce-message .success-color { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .alert .icon, .woocommerce-message .icon-checkmark { display: inline-block; opacity: 1; margin: 0em 0.25rem 0em 0em; width: 1.18em; height: 1em; font-family: 'Icons'; font-style: normal; font-weight: normal; text-decoration: inherit; text-align: center; speak: none; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-size: 1em; } span.icon.warning:before { content: "\f06a"; } .product-container:not(.multiple-recipients) { .address-section { .form-head { height: auto!important; } } } .woocommerce-message .message-container a { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: .97em; letter-spacing: .03em; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-left: 1em; text-shadow: none; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; max-width: 100%; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s; text-rendering: optimizeLegibility; box-sizing: border-box; color: #fff; background-color: #446084; background-color: var(--primary-color); border-color: rgba(0,0,0,0.05); } .woocommerce-column--shipping-address { display: none; } .woocommerce-order-details .shop_table { td.product-name { a { float: left; margin-bottom: 10px; margin-right: 10px; } } } .woocommerce-checkout .shop_table, .woocommerce-order-details .shop_table, .woocommerce-cart-form .shop_table { td.product-name { font-size: 16px; color: #115571; text-transform: uppercase; font-weight: 700; a { display: block; font-size: 16px; text-transform: uppercase; font-weight: 700; white-space: nowrap; max-width: 200px; display: block; } dl, ul { font-size: 12px; dt{ margin: 0 5px 3px 0; font-weight: 700; color: #000; clear: left; float: left; } dd, li { float: left; font-weight: 400; margin-bottom: 7px; color: initial; color: #666; &.variation-YOURMESSAGE { text-transform: initial; font-size: 13px; } } li { width: 100%; } } } } .address-section { .bulk-info { .bulk-table { display: block; margin-top: 1.3em; table { width: 100%; } } } .form-row:last-child { .form-column { float: right; } } } .shop_table .cart_item.quantity-disabled { .product-quantity .button { opacity: 0; pointer-events: none; cursor: default; visibility: none; } } .quantity .qty { max-width: 2.5em; width: 2.5em; text-align: center; border-radius: 0 !important; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-size: 1em; } .quantity input[disabled] { background-color: #f9f9f9; } /* .product-container.ship-to-self { */ /* .address-section { */ /* .return-address { */ /* display: none; */ /* } */ /* .shipping-address { */ /* width: 100%; */ /* } */ /* } */ /* } */ .page-checkout-simple .woocommerce-shipping-fields { display: none; } .your-message-wrapper { position: relative; } .your-message-wrapper > a { position: absolute; top: -35px; left: 0; width: 50%; background: #4db7b3; color: #FFF; text-transform: uppercase; padding: 5px; transition: all 0.3s; } .your-message-wrapper > a:hover, .your-message-wrapper > a.selected { background: #3e928f; color: #FFF; } .your-message-wrapper > a.landscape-select { right: 0; left: auto; } .mfp-content .gform_confirmation_wrapper { background: #FFF; padding: 40px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative; } .ppom-wrapper label { color: #777; } .ppom-wrapper .ppom-field-wrapper { min-height: 0 !important; } @media (max-width: 600px) { .row { padding: 20px; } #products-listing { padding: 0; } .shop-container .product { padding: 0; } .shop-container .product-top-info .product-info .product-title { width: 100%; margin: 0; font-size: 26px; } .product-section .form-row .form-column .form-head h3 { font-size: 24px; } .product-section .form-row .form-column .form-head .select-hw label { width: 30%; margin: 0; text-align: center; } .add-to-cart-section .form-action .button { font-size: 18px; } .shop-container .product-top-info .product-info .product-price { width: auto; } .shop-container .product-top-info .product-info .product-price .price .amount { font-size: 20px; } .shop-container .product-top-info .product-gallery { float: none; margin: 0 auto; } .shop-container .product-top-info .product-info { width: 100%; padding-left: 0; } .shop-container .product-top-info .product-info .product-short-description, .product-section .form-row .form-column { width: 100%; } .your-message-wrapper { margin-top: 50px; } .giftcard-description br { display: none; } #send-date { margin-bottom: 30px; } #sending-popup { h3 { margin: 0; } .columns-row .column .box-action { padding: 10px 15px; .icon { width: 40px; height: 50px; } } } .mobile-product-price { clear: both; } .product-filter-section { width: 100%; position: static; } #products-listing { width: 100%; } #products-listing .row .col { max-width: 400px; } } @media (max-width: 500px) { .row { padding: 10px; } } td.product-total, .shop_table tfoot tr td, .cart_totals tbody tr td, .shop_table thead tr th:last-of-type, .shop_table tr td:last-of-type { text-align: left; } .shop_table thead tr span.right-align { float: right; } .woocommerce-Price-amount.amount { float: right; color: #777; } .woocommerce-cart-form .shop_table td.product-name a { float: left; margin-bottom: 20px; } dd.variation-YOURMESSAGE{ display: block; width: 100%; } dd.variation-ReturnAddress br, dd.variation-SHIPPINGADDRESS br { display: none; } .woocommerce-checkout ul.wc-item-meta , .woocommerce-cart dl.variation, .woocommerce-checkout dl.variation { display: none; clear: both; } .woocommerce-cart-form .shop_table td.product-name a.showOptions, .woocommerce-checkout .shop_table td.product-name a.showOptions { font-size: 12px; text-decoration: underline; color: #000; display: block; display: none; clear: both; width: 100%; max-width: 100%; } a.showOptions.show { display: block !important; } .checkout-sidebar a.showOptions { margin-top: 10px; display: none; } .shipping label { text-align: right; color: #777; } .woocommerce-shipping-calculator, .woocommerce-shipping-destination { text-align: right; } .woocommerce-order-received .shipped_via { display: none; } .woocommerce-order-received .woocommerce-customer-details { display: none; } #wrapper>.message-wrapper, #wrapper>.message-wrapper li { margin-bottom: 0; } #wrapper>.message-wrapper { margin: 0; border-top: 2px solid red; margin-top: 30px; background: whitesmoke; } #place_order { width: 100%; } .header.show-on-scroll, #header .stuck .header-main{ height: auto !important; } .free-cards-wrapper { position: relative; float: left; img { width: 30px; } span { content: attr(data-icon-label); position: absolute; font-style: normal; font-family: Arial,Sans-serif !important; top: -10px; right: -10px; font-weight: bolder; background-color: #29667f; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3); font-size: 11px; opacity: .9; min-width: 17px; border-radius: 99px; color: #fff; z-index: 1; transition: transform .2s; width: 20px; height: 20px; line-height: 20px; text-align: center; } } .button [data-icon-label]:after { top: -13px; right: -15px; height: 20px; width: 20px; line-height: 20px; text-align: center; } .product-qty-in-cart { float: right; color: #777 } .grecaptcha-badge { display: none; }