Tools and Insights for Business and Tech Leaders

.woocommerce amp-img.pswp__amp-img,.woocommerce-page amp-img.pswp__amp-img{ max-width:none}button.pswp__button{ box-shadow:none; background-image:url('default-skin/default-skin.png')}button.pswp__button,button.pswp__button:hover,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before{ background-color:transparent}button.pswp__button--arrow--left,button.pswp__button--arrow--right,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right:hover{ background-image:none}button.pswp__button--close:hover{ background-position:0 -44px}button.pswp__button--zoom:hover{ background-position:-88px 0}.pswp{ display:none; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; -ms-touch-action:none; touch-action:none; z-index:1500; -webkit-text-size-adjust:100%; -webkit-backface-visibility:hidden; outline:none} .pswp *{ -webkit-box-sizing:border-box; box-sizing:border-box} .pswp amp-img{ max-width:none} .admin-bar .pswp{ height:calc(100% - 32px); top:32px} @media screen and (max-width:782px){ .admin-bar .pswp{ height:calc(100% - 46px); top:46px; }}.pswp--animate_opacity{ opacity:0.001; will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--open{ display:block}.pswp--zoom-allowed .pswp__amp-img{ cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in}.pswp--zoomed-in .pswp__amp-img{ cursor:-webkit-grab; cursor:-moz-grab; cursor:grab}.pswp--dragging .pswp__amp-img{ cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing}.pswp__bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; will-change:opacity}.pswp__scroll-wrap{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}.pswp__container,.pswp__zoom-wrap{ -ms-touch-action:none; touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0}.pswp__container,.pswp__amp-img{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none}.pswp__zoom-wrap{ position:absolute; width:100%; -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; -webkit-transition:-webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp__bg{ will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{ -webkit-transition:none; transition:none}.pswp__container,.pswp__zoom-wrap{ -webkit-backface-visibility:hidden}.pswp__item{ position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden}.pswp__amp-img{ position:absolute; width:auto; height:auto; top:0; left:0}.pswp__amp-img--placeholder{ -webkit-backface-visibility:hidden}.pswp__amp-img--placeholder--blank{ background:#222}.pswp--ie .pswp__amp-img{ width:100%; height:auto; left:0; top:0}.pswp__error-msg{ position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:14px; line-height:16px; margin-top:-8px; color:#CCC}.pswp__error-msg a{ color:#CCC; text-decoration:underline}.pswp__button{ width:44px; height:44px; position:relative; background:none; cursor:pointer; overflow:visible; -webkit-appearance:none; display:block; border:0; padding:0; margin:0; float:right; opacity:0.75; -webkit-transition:opacity 0.2s; transition:opacity 0.2s; -webkit-box-shadow:none; box-shadow:none} .pswp__button:focus, .pswp__button:hover{ opacity:1} .pswp__button:active{ outline:none; opacity:0.9} .pswp__button ::-moz-focus-inner{ padding:0; border:0}.pswp__ui--over-close .pswp__button--close{ opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{ background:url(default-skin.png) 0 0 no-repeat; background-size:264px 88px; width:44px; height:44px}@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx){ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before{ background-image:url(default-skin.svg)} .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right{ background:none}}.pswp__button--close{ background-position:0 -44px}.pswp__button--share{ background-position:-44px -44px}.pswp__button--fs{ display:none}.pswp--supports-fs .pswp__button--fs{ display:block}.pswp--fs .pswp__button--fs{ background-position:-44px 0}.pswp__button--zoom{ display:none; background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{ display:block}.pswp--zoomed-in .pswp__button--zoom{ background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{ visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{ background:none; top:50%; margin-top:-50px; width:70px; height:100px; position:absolute}.pswp__button--arrow--left{ left:0}.pswp__button--arrow--right{ right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{ content:''; top:35px; background-color:rgba(0, 0, 0, 0.3); height:30px; width:32px; position:absolute}.pswp__button--arrow--left:before{ left:6px; background-position:-138px -44px}.pswp__button--arrow--right:before{ right:6px; background-position:-94px -44px}.pswp__counter,.pswp__share-modal{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}.pswp__share-modal{ display:block; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; top:0; left:0; padding:10px; position:absolute; z-index:1600; opacity:0; -webkit-transition:opacity 0.25s ease-out; transition:opacity 0.25s ease-out; -webkit-backface-visibility:hidden; will-change:opacity}.pswp__share-modal--hidden{ display:none}.pswp__share-tooltip{ z-index:1620; position:absolute; background:#FFF; top:56px; border-radius:2px; display:block; width:auto; right:44px; -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.25); box-shadow:0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform:translateY(6px); -ms-transform:translateY(6px); transform:translateY(6px); -webkit-transition:-webkit-transform 0.25s; transition:transform 0.25s; -webkit-backface-visibility:hidden; will-change:transform} .pswp__share-tooltip a{ display:block; padding:8px 12px; color:#000; text-decoration:none; font-size:14px; line-height:18px} .pswp__share-tooltip a:hover{ text-decoration:none; color:#000} .pswp__share-tooltip a:first-child{ border-radius:2px 2px 0 0} .pswp__share-tooltip a:last-child{ border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{ opacity:1} .pswp__share-modal--fade-in .pswp__share-tooltip{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{ padding:16px 12px}a.pswp__share--facebook:before{ content:''; display:block; width:0; height:0; position:absolute; top:-12px; right:15px; border:6px solid transparent; border-bottom-color:#FFF; -webkit-pointer-events:none; -moz-pointer-events:none; pointer-events:none}a.pswp__share--facebook:hover{ background:#3E5C9A; color:#FFF} a.pswp__share--facebook:hover:before{ border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover{ background:#55ACEE; color:#FFF}a.pswp__share--pinterest:hover{ background:#CCC; color:#CE272D}a.pswp__share--download:hover{ background:#DDD}.pswp__counter{ position:absolute; left:0; top:0; height:44px; font-size:13px; line-height:44px; color:#FFF; opacity:0.75; padding:0 10px}.pswp__caption{ position:absolute; left:0; bottom:0; width:100%; min-height:44px} .pswp__caption small{ font-size:11px; color:#BBB}.pswp__caption__center{ text-align:left; max-width:420px; margin:0 auto; font-size:13px; padding:10px; line-height:20px; color:#CCC}.pswp__caption--empty{ display:none}.pswp__caption--fake{ visibility:hidden}.pswp__preloader{ width:44px; height:44px; position:absolute; top:0; left:50%; margin-left:-22px; opacity:0; -webkit-transition:opacity 0.25s ease-out; transition:opacity 0.25s ease-out; will-change:opacity; direction:ltr}.pswp__preloader__icn{ width:20px; height:20px; margin:12px}.pswp__preloader--active{ opacity:1} .pswp__preloader--active .pswp__preloader__icn{ background:url(preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{ opacity:1} .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{ -webkit-animation:clockwise 500ms linear infinite; animation:clockwise 500ms linear infinite} .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{ -webkit-animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite}.pswp--css_animation .pswp__preloader__icn{ background:none; opacity:0.75; width:14px; height:14px; position:absolute; left:15px; top:15px; margin:0}.pswp--css_animation .pswp__preloader__cut{ position:relative; width:7px; height:14px; overflow:hidden}.pswp--css_animation .pswp__preloader__donut{ -webkit-box-sizing:border-box; box-sizing:border-box; width:14px; height:14px; border:2px solid #FFF; border-radius:50%; border-left-color:transparent; border-bottom-color:transparent; position:absolute; top:0; left:0; background:none; margin:0}@media screen and (max-width:1024px){ .pswp__preloader{ position:relative; left:auto; top:auto; margin:0; float:right}}@-webkit-keyframes clockwise{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg)}}@keyframes clockwise{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{ 0%{ -webkit-transform:rotate(0); transform:rotate(0)} 50%{ -webkit-transform:rotate(-140deg); transform:rotate(-140deg)} 100%{ -webkit-transform:rotate(0); transform:rotate(0)}}@keyframes donut-rotate{ 0%{ -webkit-transform:rotate(0); transform:rotate(0)} 50%{ -webkit-transform:rotate(-140deg); transform:rotate(-140deg)} 100%{ -webkit-transform:rotate(0); transform:rotate(0)}}.pswp__ui{ -webkit-font-smoothing:auto; visibility:visible; opacity:1; z-index:1550}.pswp__top-bar{ position:absolute; left:0; top:0; height:44px; width:100%}.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{ -webkit-backface-visibility:hidden; will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{ visibility:visible}.pswp__top-bar,.pswp__caption{ background-color:rgba(0, 0, 0, 0.5)}.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{ background-color:rgba(0, 0, 0, 0.3)}.pswp__ui--idle .pswp__top-bar{ opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{ opacity:0}.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{ opacity:0.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{ display:none}.pswp__element--disabled{ display:none}.pswp--minimal--dark .pswp__top-bar{ background:none} /** Custom CSS for 3.2 Design **/ .fa-user:before {content: "\f007";display:none;}.fa.fa-user a:after {content: "\f007";color: #000;}.adminampwc.fa.fa-user {top: 20px;position: relative;} .data_field_name{ margin-bottom: 20px; width: 70%; display: inline-flex; } .added_serv_wrapper{ border-top: 1px solid #ab9595d4; padding-top: 10px; border-bottom: 1px solid #ab9595d4; padding-bottom: 10px; } .wc-pao-addon-container{ margin-top:20px; } span#total_wcbk_amount{ background: #eee; display: inline-flex; padding:1em; } #total_wcbk_amount_hide { background: #eee; display: inline-flex; padding:1em; } #wc-bookings-booking-form .hide{ display:none; } div#added_serv_wrapper { border-top: 2px solid #eee; padding-top: 20px; border-bottom: 2px solid #eee; } .wc-pao-addon-wrap .woocommerce-Price-amount{ width:auto; } .woocommerce .cart_totals .woocommerce-Price-amount{ width: auto; } span.data_field_name { margin-bottom: 20px; width: 70%; display: inline-flex; }.input-text-c_o_amp { -webkit-text-security: disc; } @media(max-width:320px){ amp-date-picker#static-picker { margin-left: -20px; } } amp-script{ opacity:1; } .var_show_price{ margin-left: 10px; } .woocommerce-Price-amount{ color: #333; margin: 7px 0; display: inline-block; width: 100%; } .product-type-booking .price{ display:none; } .woocommerce-product-details__short-description { clear: both; } #booking_wrapper div > p{ font-size: 12px; color: #000; margin-bottom: 5px; } #booking_wrapper input{ padding:10px; border:1px solid #ccc; } #booking_wrapper input#src-input{ width:100%; } .ppl-tps{ width:100%; display:inline-block; margin-top:10px; } amp-img.w-wp-gallery { margin: 5px; } .ppl-tps ul{ border-top-width: 1px; box-shadow: 0 2px 13px 0 rgba(0,0,0,.24), 0 3px 3px -2px rgba(0,0,0,.12); padding: 10px 20px; margin-top: 6px; margin-bottom: 20px; } .ppl-tps ul li{ list-style-type: none; padding:10px 0px; color:#000; font-size: 14px; } .st-d, .ppl-txt{ font-size: 12px; color: #000; margin-bottom: 6px; display: inline-block; width: 100%; } .ppl-tps li.text{ display: inline-flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; } .woo-add-sub span{ padding: 12px 8px; line-height: 0; display: inline-block; } .woo-add-sub .subb, .woo-add-sub .addi{ border:1px solid #008489; cursor: pointer; } .yith-wcbk-form-section-service{ margin-bottom:20px; } .yith-wcbk-form-section-service div{ margin-bottom:6px; } .yith-wcbk-form-section-service span{ font-size:13px; } .wcct_countdown_timer .wcct_round_wrap{ background:#444444; border-radius:100px; width:60px; height:60px; line-height:1.3; color:#fff; display:inline-block; align-items: center; text-align:center; margin-right: 6px; } .wcct_round_dyn{ font-size:20px; top:10px; } .wcct_round_sta{ font-size:12px; top: 7px; } .wcct_round_dyn, .wcct_round_sta{ display:inline-block; width:100%; position: relative; } .wcct_des{ font-size:12px; line-height:1.2; color:#222; margin-top:15px; } #main_data, #lb-picker{ position:relative; } #dateclose{ position: absolute; bottom: 15px; left: 15px; z-index: 99; font-size: 14px; color: #000; cursor: pointer; } .dt-pkr{ display:inline-flex; width:100%; flex-wrap:wrap; } #booking_wrapper .dt-pkr input{ width:50%; } .woo-add-sub .numb{ width:30px; text-align:center; } #src-picker .amp-date-picker-calendar-container{ position:relative; } .product_meta{ clear:both; } .product-type-variable .product_title{margin-bottom:20px;} .product-type-variable .summary span.woocommerce-Price-amount.amount,li.product-type-variable span.woocommerce-Price-amount.amount{display:inline;} .price del .amount {text-decoration: line-through;} @media(max-width: 768px){ .woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:right!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:left!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:left}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color:rgba(0,0,0,.025)}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:left}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em .25em .125em 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){float:right;clear: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%}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:none;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:' ';display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:right}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{display:block;width:100%}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:left}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-right:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%}.single-product .twentythirteen .panel{padding-left:20px!important;padding-right:20px!important} } /** Custom CSS **/ /** Max-width issue - #3727 **/ .product .star-rating span { width: inherit; } .hide{display:none;} .show{ display: block;} /** Tab CSS **/ amp-selector[role=tablist].tabs-with-selector { display: inline-flex; font-size: 15px; line-height: 1.3; background: #e6e6e6; width: 100%; } .wc-tabs-wrapper{ margin-top: 50px; display: inline-block; width: 100%; border-top: 1px solid #eee; } amp-selector[role=tablist].tabs-with-selector [role=tab] { width: 100%; padding: 10px; text-align: center; box-sizing:border-box; } amp-selector[role=tablist].tabs-with-selector [role=tab]:last-child { margin-right: 0px; } amp-selector.tabpanels [role=tabpanel] { display: none; padding: var(--space-4); } amp-selector.tabpanels [role=tabpanel][selected] { outline: none; display: block; } .has-post-thumbnail{ position : relative; } amp-selector.tabs-with-selector [option][selected]{ position: relative; outline: none; background: #ddd; } amp-selector.tabs-with-selector [option][selected]:before { content: ""; display: inline-block; border-top: 3px solid #444; position: absolute; top: -3px; left: 0; right: 0; } amp-selector#myTabPanels{ margin-top: 30px; } .woocommerce-Tabs-panel h2{ font-size: 20px; font-weight: 400; margin-bottom: 30px; color: #333; } .woocommerce-Reviews ol, .woocommerce-Reviews ul{ padding:0; margin:0; } .woocommerce table.shop_attributes td p{ font-style: normal; } .woocommerce #reviews #comments ol.commentlist li .meta{ color:#333; } .description{ font-size: 14px; color: #333; } .meta .woocommerce-review__author{ } /** Gallery Selector image **/ .woocommerce div.product div.images amp-img.hide{ display:none; } .gallery-multi-images .small-image amp-img{ opacity:0.5; } .gallery-multi-images .small-image amp-img:hover{ opacity:1; } .gallery-multi-images amp-selector [option][selected]{ opacity:1; outline:none; } .gallery-multi-images ul { list-style-type: none; display: grid; padding: 0; width: 100%; flex-wrap: wrap; margin-top: 20px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px 50px; } .img_prev { left: 10px; } .gallery-big-image, .gallery-big-image amp-img{ position:relative; } .img_prev,.img_next{ background: rgba(0,0,0,.5); font-size: 17px; font-weight: normal; line-height: 1; line-height: 30px; color: rgba(255,255,255,.7); height: 30px; cursor: pointer; text-align: center; font-family: helvatica,sans-serif; width: 30px; top: 43%; position: absolute; z-index: 1; box-sizing: border-box; border-radius: 50%; } .img_prev span:before{ content: ""; display: inline-block; position: relative; top: -1px; color: #fff; border: solid #fff; border-width: 0 2px 2px 0; padding: 3px; transform: rotate(135deg); left: 1px; } .img_next span:after{ content: ""; display: inline-block; position: relative; top: -1px; color: #fff; border: solid #fff; border-width: 0 2px 2px 0; padding: 3px; transform: rotate(-45deg); left: -2px; } .img_next { right: 10px; } .small-image amp-img{ max-width:150px; max-height:150px; border-radius: 4px; } /** Star Rating **/ @font-face{font-family:star;src:url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/star.eot");src:url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/star.eot?#iefix") format('embedded-opentype'),url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/star.woff") format('woff'),url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/star.ttf") format('truetype'),url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/star.svg#star") format('svg');font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/WooCommerce.eot");src:url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/WooCommerce.eot?#iefix") format('embedded-opentype'),url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/WooCommerce.woff") format('woff'),url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/WooCommerce.ttf") format('truetype'),url("https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/fonts/WooCommerce.svg#WooCommerce") format('svg');font-weight:400;font-style:normal} .ratingtest { --star-size: 2; /* use CSS variables to calculate dependent dimensions later */ padding: 0; /* to prevent flicker when mousing over padding */ border: none; /* to prevent flicker when mousing over border */ unicode-bidi: bidi-override; direction: rtl; /* for CSS-only style change on hover */ text-align: left; /* revert the RTL direction */ user-select: none; /* disable mouse/touch selection */ font-size: 3em; /* fallback - IE doesn't support CSS variables */ font-size: calc(var(--star-size) * 1em); /* because `var(--star-size)em` would be too good to be true */ cursor: pointer; /* disable touch feedback on cursor: pointer - http://stackoverflow.com/q/25704650/1269037 */ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; margin-bottom: 1em; } /* the stars */ .ratingtest > label { display: inline-block; position: relative; width: 1.1em; /* magic number to overlap the radio buttons on top of the stars */ width: calc(var(--star-size) / 3 * 1.1em); color: #d6d6d6; } .ratingtest > *:hover, .ratingtest > *:hover ~ label, .ratingtest:not(:hover) > input:checked ~ label { color: transparent; /* reveal the contour/white star from the HTML markup */ cursor: inherit; /* avoid a cursor transition from arrow/pointer to text selection */ } .ratingtest > *:hover:before, .ratingtest > *:hover ~ label:before, .ratingtest:not(:hover) > input:checked ~ label:before { content: "★"; position: absolute; left: 0; color: black; } .ratingtest > input { position: relative; transform: scale(3); /* make the radio buttons big; they don't inherit font-size */ transform: scale(var(--star-size)); /* the magic numbers below correlate with the font-size */ top: -0.5em; /* margin-top doesn't work */ top: calc(var(--star-size) / 6 * -1em); margin-left: -2.5em; /* overlap the radio buttons exactly under the stars */ margin-left: calc(var(--star-size) / 6 * -5em); z-index: 2; /* bring the button above the stars so it captures touches/clicks */ opacity: 0; /* comment to see where the radio buttons are */ font-size: initial; /* reset to default */ } /** Product page **/ .woocommerce .v3_wc_content_wrap{ max-width:1100px; margin:20px auto 0 auto; padding:0px 20px; } .v3_wc_content_wrap .amp-wp-content { max-width: 100%; margin: 0 auto; } .woocommerce p,.woocommerce li, #myTabPanels h1,h2,h3,h4,h5,h6{ line-height: 1.5; padding-bottom: 15px; } .woocommerce .p-m-fl{ border:none; } .product_title{ font-size: 32px; line-height: 1.4; font-weight: 300; margin-bottom: 10px; color:#000; } .woocommerce .star-rating{ color: #a46497; } .woocommerce-product-rating .woocommerce-review-link{ color: #444; padding-left: 5px; font-weight: normal; font-size: 14px; } .woocommerce-product-rating .woocommerce-review-link:hover, .product_meta a:hover{ text-decoration:none; } .woocommerce-product-rating{ margin-bottom:0px; } .woocommerce div.product p.price{ margin: -20px 0px 0px 0px; color: #333; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ font-weight:600; } .woocommerce div.product form.cart { margin-bottom: 0px; } .woocommerce .shipping li{ list-style-type : none; } .product_meta{ margin-top:25px; padding-top:20px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .product_meta span.posted_in, .product_meta span.tagged_as{ display:block; font-size: 13px; margin-bottom: 10px; color:#6d6d6d; } .product_meta a{ font-size: 13px; font-weight: 500; color: #333; text-decoration: underline; } .product_meta .sku{ font-weight: 500; color:#333; } .product_meta a:hover{ color: #333; } .edit-link{ font-size: 14px; margin-top: 10px; display: inline-block; } .woocommerce .quantity .qty { width: 5em; text-align: center; padding: 10px; background-color: #f2f2f2; border: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125); font-weight: 500; color: #333; font-size: 16px; font-family: inherit; } .woocommerce button.button.alt{ background-color: #333; color: #fff; font-size: 14px; padding: 15px 24px; } .woocommerce button.button.alt:hover{ background-color:#111; } .related.products{ margin-top: 50px; display: inline-block; width: 100%; } .related.products > h2{ text-align: center; margin-bottom: 30px; font-size: 24px; font-weight: 300; color: #333; } .woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:0px; } .products div.acss1035a{ float:none; } .products li{ text-align: center; font-size: 15px; line-height: 1.5; font-weight: 400; } .woocommerce ul.products li.product a amp-img{ border-radius: 3px; } .woocommerce input.button{ font-size:13px; font-weight:500; padding:14px 20px; border-radius:4px; color:#111; } .woocommerce tr td .cart-field input.button{ font-size: 13px; font-weight: 500; padding: 14px 20px; border-radius: 4px; color: #333; font-family: inherit; } .woocommerce ul.products li.product .price{ color: #333; margin: 2px 0px 2px 0px; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ margin: 0 0 0 70px; border-radius: 4px; padding: 0px 10px 10px 20px; border:none; } .woocommerce-review__dash, .comment-reply-title{ display:none; } .woocommerce-review__published-date{ display: block; margin-top: 5px; color: #a2a0a0; font-size: 12px; } .woocommerce #review_form #respond input#submit{ font-size: 13px; padding: 14px 20px; margin: 0px; background: #e6e6e6; border-radius: 4px; color: #333; font-weight: 500; font-family: inherit; border:none; } .woocommerce #review_form #respond input#submit:hover{ background-color: #d5d5d5; } .storefront-product-pagination{ display:none; } .ratingtest > *:hover:before, .ratingtest > *:hover ~ label:before, .ratingtest:not(:hover) > input:checked ~ label:before{ color: #a46497; left: -3px; } .woocommerce #review_form #respond textarea { margin-top: 10px; background: #f2f2f2; border: none; border: 1px solid #ccc; height: 200px; padding:10px; font-family: inherit; } .woocommerce #review_form #respond p { margin: 0 0 15px; display: inline-block; width: 100%; } #commentform{ font-size:14px; margin-top:30px; color: #111; } .ratingtest{ margin-bottom: 10px; font-size: 26px; line-height: 1; } .comment-form-comment .required{ color:#e2401c; } #carouselWithPreviewSelector{ display: inline-flex; justify-content: center; width: 100%; } /** Shop page **/ .woocommerce-products-header h1{ font-size: 36px; text-align: center; margin-bottom: 30px; font-weight: 400; } .sort-pagi-wrap{ display: inline-flex; align-items: center; width: 100%; margin-bottom:40px; } .sorting-wrap{ display: inline-flex; width: 100%; align-items: center; } .sorting-wrap .woocommerce-result-count{ margin: 0px 0px 0px 13px; font-size: 13px; color: #6d6d6d; order: 1; } .woocommerce nav.woocommerce-pagination { width:100%; text-align:right; } .woocommerce nav.woocommerce-pagination ul{ border:none; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a{ padding: 8px 14px; background-color: rgba(0,0,0,.025); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ color:#111; } .woocommerce .product span.onsale{ font-size: 12px; font-weight: normal; height: 45px; width: 45px; line-height: 40px; box-sizing: border-box; } .woocommerce nav.woocommerce-pagination ul li{ border:none; margin-right: 3px; font-size: 14px; line-height: 1; text-align:center; } .woocommerce nav.woocommerce-pagination ul li a{ color: #333; } .product_sorting{ display: inline-flex; width: 100%; } .woocommerce .woocommerce-ordering select{ padding: 1px; color: #777; border-color: #ccc; margin-right:5px; } .product_sorting .ampstart-btn{ color: #777; background: #e6e6e6; border: 1px solid #ddd; padding: 2px 6px; } .woocommerce-loop-product__title{ font-size: 14px; color: #000; font-weight: 500; } .term-description{ font-size: 16px; line-height: 1.6; text-align: center; margin: 10px 0px 50px; display: inline-block; width: 100%; color: #222; opacity: 0.8; } .woocommerce ul.products li.product .price ins { font-weight: 500; } /** variable product page **/ .selected-color{ margin-bottom: 20px; font-size: 15px; line-height: 1.5; } .selected-color .selected-options{ margin-top:3px; } .product_meta span.sku_wrapper{ font-size: 13px; margin-bottom: 10px; display: inline-block; color:#6d6d6d; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background: #3d9cd2; padding: 20px; color: #fff; margin-bottom: 20px; } .woocommerce table.shop_attributes th { text-align: left; font-weight: 600; } .woocommerce ul.products li.product .star-rating{ margin: 8px auto 0px auto; display: inline-block; } .woocommerce div.product span.price{ margin: 12px 0px 0px 0px; } .selected-color .selected-options select,.ginput_container_select select{ padding: 4px; border: 1px solid #ccc; color: #333; } .selected-color .selected-options select option{ padding:4px; } .woocommerce-variation-add-to-cart.variations_button{ display: inline-flex; align-items: center; margin-top: 30px; width:100%; } .addtional-field{ text-align: center; padding: 14px 10px; background-color: #f2f2f2; color: #43454b; border: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.125); margin-right: 10px; float:left; } .addtional-field .subb{ padding: 0px 7px; background: #eaeaea; border-radius: 110px; color: #333; line-height: 0; border: 1px solid #ccc; } .addtional-field .numb{ padding: 0px 6px; font-weight: 500; color: #333; } .addtional-field .addi{ padding: 0px 7px; background: #eaeaea; border-radius: 150px; height: 8px; color: #333; line-height: 0; border: 1px solid #ccc; } .add-tocart-field .total-price{ margin: 10px 0px 0px 0px; display: inline-block; } #add_to_cart_error{ width: 100%; margin-top: 20px; font-size: 15px; background: #e6e6e6; padding: 10px; box-sizing: border-box; } .woocommerce-error{ margin:10px 0px 0px 0px; } .ampforwp-form-status.amp_gravity_error{ margin: 10px 0px 0px 0px; display: inline-block; width: 100%; } .amp-form-status-success-new .amp_wc_cart_success.woocommerce-message{ margin: 25px 0px 0px 0px; font-size: 15px; line-height: 1.5; display: inline-block; } .woocommerce-message{ border-top-color: #0f834d; } .woocommerce-message::before{ color:#0f834d; } .amp-form-status-success-new .amp_wc_cart_success_cart_cat a.view_cart_button{ background-color: #333333; border-color: #333333; color: #ffffff; font-size: 15px; font-weight: 500; padding: 9px 22px; margin-left: 5px; display: inline-block; } .amp-form-status-success-new .amp_wc_cart_success_cart_cat a.view_cart_button:hover{ color:#fff; } #order .order-cf{ display: inline-flex; align-items: center; width: 100%; justify-content: center; } .woocommerce ul.products li.product .button{ margin: 0px; background: #e6e6e6; border-radius: 4px; color: #333; font-weight: 500; font-family: inherit; } .woocommerce ul.products li.product .button:hover{ background:#d5d5d5; } .woocommerce .woocommerce-ordering { margin: 0; } .woocommerce div.product .out-of-stock{ margin-bottom: 20px; } .woocommerce #review_form #respond p.comment-form-author, .woocommerce #review_form #respond p.comment-form-email { width: 47%; float: left; margin-right: 5.8823529412%; } .woocommerce #review_form #respond p.comment-form-email{ margin-right:0; } .woocommerce #review_form #respond p.comment-form-author input, .woocommerce #review_form #respond p.comment-form-email input{ width:100%; box-sizing: border-box; } .woocommerce #review_form #respond input{ margin-top: 5px; background: #f2f2f2; border: none; border-top: 1px solid #ccc; padding: 10px; } .woocommerce .products a.button.alt{ font-size: 13px; } .woocommerce a.button.alt { background-color: #333333; color: #ffffff; font-size: 15px; font-weight: 500; padding: 15px 20px; margin-top: 10px; display: inline-block; box-sizing: border-box; } .amp-cart-submit { background-color: #333; color: #fff; font-size: 15.5px; font-weight: 500; padding: 15px 20px; margin-top: 10px; display: inline-block; box-sizing: border-box; width: 100%; text-align: center; padding: 17px; cursor: pointer; border: 1px solid; font-family: "Poppins",sans-serif; } .woocommerce a.button.alt:hover { background:#333; } .woocommerce-grouped-product-list.group_table{ width:100%; display:inline-block; margin-bottom:20px; font-size:14px; color: #6d6d6d; } table.woocommerce-grouped-product-list.group_table td, table.woocommerce-grouped-product-list.group_table th { text-align: left; vertical-align: top; } .woocommerce div.product form.cart .group_table td:first-child{ text-align:left; } .woocommerce div.product form.cart .group_table td{ vertical-align: middle; } .woocommerce div.product form.cart table td{ padding: 1em 1.41575em; } .woocommerce-grouped-product-list-item__price ins span{ font-weight:600; color:#222; } .woocommerce div.product form.cart .single_add_to_cart_button{ float:none; display:inline-block; font-family: inherit; font-weight: 500; } .woocommerce .woocommerce-breadcrumb{ font-size:13px; line-height:1.5; margin: 0px 0px 30px 0px; } .woocommerce .woocommerce-breadcrumb a{ color: #727272; margin-right: 3px; text-decoration:none; } .woocommerce .woocommerce-breadcrumb a:after{ content: " "; display: inline-block; position: relative; top: -1px; color: #b5b5b5; border: solid #b5b5b5; border-width: 0 2px 2px 0; padding: 2px; transform: rotate(-45deg); margin: 0px 5px 0px 5px; } .woocommerce .woocommerce-breadcrumb a:first-child:before{ content: ""; display: inline-block; position: relative; top: 1px; background-image: url(https://www.ciopages.com/wp-content/plugins/amp-woocommerce//assets/home.png); background-size: 12px; width: 17px; height: 12px; background-repeat: no-repeat; } /** Cart Page CSS **/ .woocommerce .amp-post-title, .woocommerce .amp-wp-title { font-size: 36px; line-height:1.2; text-align: center; margin:0px 0px 30px; font-weight: 400; color: #333; padding:0; } .woocommerce .cart thead tr{ background-color: #f8f8f8; } .woocommerce .cart tbody tr{ background:#fdfdfd; } .woocommerce table.cart th, .woocommerce table.cart td { padding: 1.618em; } .woocommerce table.cart th{ color: #6d6d6d; font-weight: 600; font-size: 15px; } .woocommerce .cart_item .product-thumbnail amp-img{ max-width:60px; border-radiuse:2px; } .woocommerce tbody tr:nth-child(odd) td{ background-color: #fdfdfd; } .woocommerce tbody tr:nth-child(even) td{ background-color: #fbfbfb; } .pg td {; border: none; } .woocommerce table.shop_table .cart_item td { border-top: none; } .woocommerce .cart_item td{ font-size:14px; font-weight: 400; } .woocommerce .cart_item td.product-remove a{ background: #868686; color: #fff; font-size: 18px; font-weight: 300; line-height: 19px; text-decoration:none; } .woocommerce .cart_item td.product-remove a:hover { background: #F44336; } .woocommerce .cart tbody tr td{ color:#333; font-size: 14px; line-height: 1.5; } .woocommerce-page table.cart td.actions .input-text { width: 130px; padding: 10px 13px; border: none; border-top: 1px solid #ddd; background: #f2f2f2; font-weight: 500; color: #333; } .woocommerce-page .shop_table input{ font-family: inherit; } .woocommerce-page table.cart td.actions input.button{ margin: 0px; background: #e6e6e6; border-radius: 4px; color: #333; font-weight: 500; font-family: inherit; } .woocommerce-page table.cart td.actions input.button:hover, .woocommerce-page table.cart td.actions button.button:hover{ background: #d5d5d5; } .woocommerce-page table.cart td.actions button.button{ padding: 14px 20px; font-family: inherit; font-weight: 500; background: #e6e6e6; border-radius: 4px; color:#333; } .cart_totals { margin-top:20px; font-size: 15px; font-weight: 400; } .cart_totals h2{ color: #333; font-size: 22px; font-weight: 300; margin-bottom: 10px; } .woocommerce .cart-collaterals table.shop_table.shop_table_responsive{ border:none; background: #f8f8f8; } .woocommerce table.shop_table tbody .cart-subtotal th, .woocommerce table.shop_table tbody .order-total th{ font-size: 14px; color: #6d6d6d; font-weight: 600; } .entry-summary .price .woocommerce-Price-amount{ font-size: 18px; } .price .woocommerce-Price-amount{ font-size: 14px; } .order-total .woocommerce-Price-amount{ font-weight: 600; color: #333; font-size:15px; display:inline; } .Subtotal{ font-size:14px; } .woocommerce table.shop_table.shop_table_responsive th{ padding:15px 20px; } .woocommerce .wc-proceed-to-checkout a.button.alt{ width:100%; text-align: center; padding: 22px; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background:#fbfbfb } .woocommerce-cart-form__cart-item.cart_item .product-name a{ text-decoration:underline; color: #000; } .woocommerce-cart-form__cart-item.cart_item .product-name a:hover{ text-decoration:none; } .content-wrapper .cntr{ padding:0px; } .cart-empty.woocommerce-info:before{ display:none } /** Checkout page CSS **/ .woocommerce-form-coupon-toggle, .woocommerce-form-login-toggle{ background: #3d9cd2; padding: 14px 20px; border-radius: 2px; color: #fff; clear: both; border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15); margin-bottom: 30px; font-size: 15px; line-height: 1.4; display: inline-block; width: 100%; box-sizing: border-box; } .woocommerce-form-coupon-toggle span.amp-wp-inline-30a611f, .woocommerce-form-login-toggle span.amp-wp-inline-30a611f{ font-size: inherit; margin-right:0; } .woocommerce-form-coupon-toggle button, .woocommerce-form-login-toggle button{ background: transparent; color: #fff; border: none; font-size: 15px; text-decoration: underline; cursor: pointer; } .woocommerce-form-coupon-toggle button:hover, .woocommerce-form-login-toggle button:hover{ text-decoration:none; opacity: 0.7; } .woocommerce-checkout{ width:100%; display:inline-block; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none; width: 100% } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 52.9411764706%; float: left; margin-right: 5.8823529412%; } #order_review_heading, #order_review { width: 41.1764705882%; float: right; margin-right: 0; clear: right; } .woocommerce-billing-fields h3, .woocommerce-additional-fields h3, #order_review_heading{ font-size: 22px; font-weight: 400; color: #333; margin-bottom: 20px; } .woocommerce form p.form-row label{ line-height: 1; font-size: 14px; color: #333; margin-bottom: 7px; } .woocommerce form .woocommerce-input-wrapper input{ margin-top: 5px; background: #f2f2f2; border: none; border-top: 1px solid #ccc; padding: 14px 10px; font-size: 15px; } .woocommerce form p.form-row{ margin-bottom:20px; } #billing_country, #billing_state{ padding: 5px; border: 1px solid #aaa; border-radius: 4px; } .woocommerce-additional-fields{ margin-top:30px; } #order_comments{ padding: 0.6180469716em; background-color: #f2f2f2; color: #43454b; border: 0; -webkit-appearance: none; box-sizing: border-box; font-weight: normal; border-top:1px solid #ccc; height: 69px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr th{ background-color: #f8f8f8; padding: 20px; font-size: 14px; font-weight: 600; color: #6d6d6d; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td{ padding:20px; } .woocommerce-checkout #payment{ display:inline-block; width:100%; } tfoot .cart-subtotal{ font-size: 14px; } .woocommerce table.shop_table tfoot td{ font-weight: 500; background:#f8f8f8; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .product-quantity{ font-weight: 600; color: #444; } .woocommerce-checkout #payment{ background:transparent; font-size: 15px; line-height: 1.4; } .woocommerce-checkout #payment ul.payment_methods li{ background:#f5f5f5; padding: 15px 30px 15px 30px; cursor: pointer; } .woocommerce-checkout #payment ul.payment_methods li:hover{ background:#f0f0f0; } .woocommerce-checkout #payment div.payment_box::before{ display:none; } .woocommerce-checkout #payment ul.payment_methods li.payment_method_bacs label{ padding:10px 0px 10px 0px; display:inline-block; } .woocommerce-checkout #payment div.payment_box{ background:#fafafa; padding:20px; margin:0px; line-height: 1.6; } .woocommerce-checkout #payment ul.payment_methods .wc_payment_method.payment_method_paypal{ display: flex; align-items: center; } .woocommerce-checkout #payment ul.payment_methods .payment_method_paypal label{ display: inline-flex; align-items: center; width: 100%; } .woocommerce-checkout #payment ul.payment_methods .payment_method_paypal label amp-img{ max-width:75px; order: 1; margin:0 auto; } .woocommerce-checkout #payment .payment_method_paypal a.about_paypal{ font-size:15px; text-decoration:underline; margin-left:5px; line-height:1; } .woocommerce-checkout #payment .payment_method_paypal a.about_paypal:hover{ text-decoration:none;; } .woocommerce-privacy-policy-text{ font-size: 15px; line-height: 1.6; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ background-color: #333; width: 100%; text-align: center; padding: 20px; font-family: inherit; font-size: 20px; } .woocommerce-checkout #payment ul.payment_methods{ padding:0px; } .woocommerce form.checkout_coupon{ border: none; padding: 0; margin: 10px 0px 40px; } .woocommerce form.login{ border: none; padding: 0; margin: 10px 0px 0px; } form.woocommerce-form-login input { background: #f2f2f2; border: none; border-top: 1px solid #ccc; padding: 14px 10px; font-size: 15px; width: 100%; color: #111; height: 100%; } .lg_msg{ font-size: 16px; line-height: 1.5; margin-bottom: 25px; display: inline-block; } .ccl_log_but { float: right; top: -128px; position: relative; background: #f2f2f2; border: none; font-size: 14px; line-height: 1.2; color: #333; font-weight: 400; padding: 14px 20px; border-radius: 4px; cursor: pointer; font-family: inherit; } .ccl_log_but:hover { background-color: #dfdcde; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{ background: #f2f2f2; border: none; border-top: 1px solid #ccc; padding: 14px 30px; font-size: 15px; color: #111; height: 100%; float: none; margin: 5px 0 0 0; display: block; } .coupon{ font-size:15px; color:#333; } .coupon .cpn_text{ display:block; margin-bottom:20px; } #coupon_code{ background: #f2f2f2; border: none; border-top: 1px solid #ccc; padding: 11px 10px; font-size: 15px; margin-right:20px; } .ccl_but{ float: right; top: -83px; position: relative; background: #f2f2f2; border: none; font-size: 14px; line-height: 1.2; color: #333; font-weight: 400; padding: 12px 20px; border-radius: 4px; cursor: pointer; font-family: inherit; } .ccl_but:hover{ background-color: #dfdcde; } .woocommerce-notices-wrapper{ font-size: 15px; line-height: 1.2; color: #333; } .loading{ font-size: 15px; display:inline-block; margin-top:10px; padding:20px; border: 1px solid #c7c7c7; border-radius: 25px; } /** Order Received page CSS **/ .woocommerce-order p{ font-size:15px; } .woocommerce-order-overview{ display: inline-block; background: #f3f3f3; width: 100%; padding: 10px 0px; } .woocommerce ul.order_details li { float: none; margin-right: 0; text-transform: uppercase; font-size: 11px; line-height: 1; color:#333; border-right: none; padding-right: 0; margin-left: 0; padding-left: 0; list-style-type: none; border-bottom: 1px solid #e3e3e3; padding: 20px; } .woocommerce ul.order_details li strong{ font-size: 15px; color: #6d6d6d; margin-top: 5px; font-weight: 600; } .woocommerce-order-details h2, .woocommerce-customer-details h2{ font-size: 24px; font-weight: 400; margin-bottom: 30px; line-height: 1.2; } .woocommerce-customer-details address{ font-size: 16px; line-height: 1.7; color: #333; box-sizing:border-box; } .woocommerce table.shop_table tr th { background-color: #f8f8f8; padding: 20px; font-size: 14px; font-weight: 600; color: #6d6d6d; } .woocommerce table.shop_table td{ font-size:14px; padding: 20px; } .woocommerce table.shop_table td a{ color:#000; text-decoration:underline; } .woocommerce table.shop_table td strong{ color:#444; font-weight: 600; } .woocommerce table.shop_table td a:hover{ text-decoration:none; } /** Register and Login page CSS **/ .col2-set#customer_login .col-1{ width: 41.1764705882%; float: left; margin-right: 5.8823529412%; } .col2-set#customer_login .col-2{ width: 52.9411764706%; float: right; margin-right: 0; } .col2-set#customer_login{ width: 100%; float: left; margin:40px 0px 0px 0px; } #customer_login h2{ font-size: 24px; font-weight: 400; color: #444; margin-bottom: 20px; } #customer_login form{ border: none; padding: 0; margin: 0; display: inline-block; width: 100%; } .woocommerce form .form-row .required{ visibility:visible; } #customer_login form input, .woocommerce-ResetPassword input{ background: #f2f2f2; border: none; border-top: 1px solid #ccc; padding: 14px 10px; font-size: 15px; width: 100%; color:#111; height:100%; box-sizing: border-box; } .woocommerce form .form-row label.woocommerce-form__label-for-checkbox.inline{ width: 100%; display: block; order: -1; position: relative; left: -3px; } #customer_login .woocommerce-form__input-checkbox{ width:10px; height:10px; } #customer_login form input.woocommerce-Button, .woocommerce-ResetPassword button.woocommerce-Button{ width:auto; padding: 14px 30px; margin-bottom: 8px; font-weight: 600; } #customer_login form input.woocommerce-form__input.woocommerce-form__input-checkbox:hover, #customer_login form input.woocommerce-Button:hover, .woocommerce-ResetPassword button.woocommerce-Button:hover{ background:#d5d5d5; } .lost_password a{ font-size: 14px; text-decoration: underline; } .lost_password a:hover{ text-decoration:none; } .woocommerce-ResetPassword{ font-size:15px; line-height:1.5; } /* Account Page */ /** Design 3 CSS **/ .swatch_images{ width:32px; height:32px; display:inline-block; cursor: pointer; border: solid 2px white ; outline: solid 1px #9C9999; } .swatch_text{ text-align: center; width: auto; padding: 0 10px; line-height: 30px; color: black; border: solid 0px white !important; outline: solid 0px #9C9999 !important; background: #eee; font-size: 14px; font-weight: 500 !important; border-radius: 20%; } .swatch_color{ font-size: 20px; font-weight: 500; width: 32px; height: 32px; border: solid 2px white ; outline: solid 1px #9C9999; display: inline-block; } input:checked + .swa_check { outline: solid 2px black; } /** Design 3 CSS **/ .v3_wc_content_wrap header{ padding:0px; } .woocommerce-MyAccount-navigation ul{ padding:0px; list-style:none; } /** Design 2 CSS **/ /** Responsive **/ @media(max-width:1100px){ .woocommerce .v3_wc_content_wrap{ max-width:90%; } table.cart tbody{width:100%;} table.cart tr{padding-left:0px;} } @media(max-width:768px){ .woocommerce table.cart .product-thumbnail{ display:block; } .woocommerce .cart_item .product-thumbnail amp-img{ margin:0 auto; } .pg table { display: table; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { font-weight:600; content: attr(data-title) " "; } table.shop_table_responsive tr td::before, table.shop_table_responsive tr td::after { content: ''; display: table; } table.shop_table_responsive tr td::after { clear: both; } .woocommerce .wc-proceed-to-checkout a.button.alt{ padding:15px; } .cart_totals h2 { font-size: 25px; margin-bottom: 20px; } .woocommerce-page table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text{ width:100%; margin-bottom: 6px; } .woocommerce table.cart td.actions .coupon{ margin-bottom:10px } .sorting-wrap, .sort-pagi-wrap { flex-direction: column; align-items: baseline; } .sort-pagi-wrap{ flex-direction: column; } .sorting-wrap .woocommerce-result-count { margin: 15px 0px 0px 0px; width:100%; } .woocommerce nav.woocommerce-pagination { text-align: center; display: inline-block; border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 20px 0px 0px 0px; padding: 12px 0px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce table.cart th, .woocommerce table.cart td { padding: 10px; } .wc-tabs-wrapper, .related.products { margin-top: 20px; } } @media(max-width:767px){ .related.products > h2 { text-align: left; margin-bottom: 20px; font-size: 20px; } .product_title { font-size: 30px; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; } .term-description{ text-align: left; } .woocommerce-products-header h1 { font-size: 30px; text-align: left; } .woocommerce #review_form #respond p.comment-form-author, .woocommerce #review_form #respond p.comment-form-email { width: 100%; float: one; margin-right: 0; } amp-selector[role=tablist].tabs-with-selector { display: inline-block; } amp-selector[role=tablist].tabs-with-selector [role=tab]{ padding: 10px 10px 20px 10px; text-align: left; margin: 0px; border-bottom: 1px solid #eee; } .woocommerce .col2-set, .woocommerce-page .col2-set{ float:none; width:100%; margin:0; display: inline-block; } #order_review_heading, #order_review{ float:none; width:100%; } #coupon_code{ margin:0px 0px 20px 0px; width:100%; } .col2-set#customer_login .col-1, .col2-set#customer_login .col-2{ width: 100%; float: none; margin-right: 0; } .col2-set#customer_login{ margin-top:0px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last{ float:none; width:100%; } .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{ width:100%; float:none; clear:both; margin-bottom:40px; display:inline-block; } .woocommerce ul.products li.product a amp-img{ margin:0 auto 10px auto; max-width:100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin:0; } #order .order-cf { display: inline-block; } .amp-form-status-success-new .amp_wc_cart_success_cart_cat a.view_cart_button{ margin:10px 0px 0px 0px; } .woocommerce-checkout #payment ul.payment_methods .payment_method_paypal label { display: inline-block; } .woocommerce-checkout #payment ul.payment_methods .payment_method_paypal label amp-img{ display:inline-block; } .woocommerce-checkout #payment .payment_method_paypal a.about_paypal{ margin:10px 0px 0px; } } @media(max-width:500px){ .gallery-multi-images ul { grid-gap: 30px; } .cart.grouped_form table.group_table{ width: 100%; overflow-y: scroll; white-space: nowrap; } .woocommerce-checkout #payment ul.payment_methods .wc_payment_method.payment_method_paypal{ align-items: flex-start; } .wc_payment_method.payment_method_paypal input{ position:relative; top:10px; } } @media(max-width:380px){ .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: left; margin-top: 5px; } } /** Widget CSS **/ #content{ width: 100%; display: flex; flex-wrap: wrap; } #content .wcsdbr-lft.wcsdbr { flex-basis: calc(65%); margin-right: 30px; } #content .sdbr-right.wcsdbr { flex-basis: calc(30%); margin-top:50px; } #content .wcsdbr{ flex: 1 0 100%; } .amp-sidebar .woocommerce-Price-amount{ display: contents; font-size: 14px; margin: 0; } .amp-sidebar ul.product_list_widget li{ padding:18px 0px; border-bottom: 1px solid rgba(0,0,0,.05); } .amp-sidebar ul li li { border: 0; padding-left: 0px } .amp-sidebar ul.product_list_widget li a{ margin-bottom: 5px; text-decoration: underline; color: #727272; font-size: 14px; line-height: 1.5; font-weight: 500; } .amp-sidebar ul.product_list_widget li a:hover{ text-decoration: none; color: #111; } .amp-sidebar ul.product-categories li .children{ padding-left:20px; margin-top:10px; } .amp-sidebar ul.product-categories li a:before{ content:""; background-image: url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTggNTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU4IDU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGNsYXNzPSIiPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiNDQ0NDQ0MiIGQ9Ik01NS45ODEsNTQuNUgyLjAxOUMwLjkwNCw1NC41LDAsNTMuNTk2LDAsNTIuNDgxVjIwLjVoNTh2MzEuOTgxQzU4LDUzLjU5Niw1Ny4wOTYsNTQuNSw1NS45ODEsNTQuNXogICIgZGF0YS1vcmlnaW5hbD0iI0VGQ0U0QSIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI0VGQ0U0QSI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNDQ0NDQ0MiIGQ9Ik0yNi4wMTksMTEuNVY1LjUxOUMyNi4wMTksNC40MDQsMjUuMTE1LDMuNSwyNCwzLjVIMi4wMTlDMC45MDQsMy41LDAsNC40MDQsMCw1LjUxOVYxMC41djEwaDU4ICB2LTYuOTgxYzAtMS4xMTUtMC45MDQtMi4wMTktMi4wMTktMi4wMTlIMjYuMDE5eiIgZGF0YS1vcmlnaW5hbD0iI0VCQkExNiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNFQkJBMTYiPjwvcGF0aD48L2c+IDwvc3ZnPg==); display: inline-block; width: 12px; height: 12px; background-size: 12px; background-repeat: no-repeat; position: relative; top: 3px; margin-right: 8px; } .amp-sidebar ul.product-categories li a, .amp-sidebar ul.product-categories li span.count{ font-size: 14px; line-height: 1.3; color: #727272; font-weight: 500; text-decoration: underline; } .amp-sidebar ul.product-categories li a:hover{ text-decoration: none; } .amp-sidebar ul.product-categories li span.count{ float:right; font-size: 12px; text-decoration: none; } .amp-sidebar ul li a:hover{ box-shadow: none; } .amp-sidebar ul li.wc-layered-nav-rating a{ display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 15px; color: #727272; font-weight: 600; font-size: 13px; } .amp-sidebar ul li.wc-layered-nav-rating a .s-r{ order: 0; display: flex; margin-right: 5px; font-size: 15px; } .product_list_widget li .s-r{ margin-bottom:7px; } .product_list_widget .reviewer{ font-size: 13px; color: #727272; } .price_slider_amount{ display:inline-block; width:100% } .price_slider_amount input{ width: 49%; border: 1px solid #ccc; padding: 6px 8px; display:inline-block; } .price_slider_amount button.button{ margin-top: 14px; width: 100%; } .price_slider_amount .price_label{ display:none; } .amp-sidebar .chosen a:before{ content: "✖"; display: inline-block; color: #e2401c; margin-right: 8px; line-height: 0; position: relative; font-weight: bold; top: 1px; font-size: 14px; } .amp-sidebar .chosen{ margin-bottom:10px; } .amp-sidebar .chosen a{ font-size: 13px; line-height: 1.3; color: #727272; font-weight: 500; text-decoration: underline; } .amp-sidebar .chosen a .woocommerce-Price-amount { font-size: 12px; } .amp-sidebar .chosen a:hover{ text-decoration: none; } .amp-sidebar .dropdown_product_cat{ border: 1px solid #ccc; padding: 5px 20px 5px 10px; width: 100%; color: #999; } .amp-sidebar .dropdown_product_cat option{ color:#444; font-size:14px; line-height:1.4; } @media(max-width:767px){ #content .wcsdbr-lft.wcsdbr { flex-basis: calc(100%); margin-right: 0px; } #content .sdbr-right.wcsdbr { flex-basis: calc(100%); margin-top: 30px; } } /** Product Bundle CSS **/ .product-type-bundle{ width:100%; display:inline-block; clear:both; } .product-type-bundle .bundled_product_images .woocommerce-product-gallery__image a amp-img{ max-width:74px; min-height:74px; } .product-type-bundle .bundled_product .bundled_product_images{ max-width:100px; } .product-type-bundle .bundled_product{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee; } .product-type-bundle .product_title .bundled_product_title_inner{ font-size: 18px; } bundled_item_qty_col{ text-align:center; } .product-type-bundle .bundled_product_permalink:after{ content: ""; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI4My45MjIgMjgzLjkyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjgzLjkyMiAyODMuOTIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTI2Ni40MjIsMGgtOTcuNjI1Yy05LjY1LDAtMTcuNSw3Ljg1MS0xNy41LDE3LjVjMCw5LjY0OSw3Ljg1LDE3LjUsMTcuNSwxNy41aDU1LjM3N2wtOTIuMzc1LDkyLjM3NCAgIGMtMy4zMDcsMy4zMDUtNS4xMjcsNy42OTktNS4xMjcsMTIuMzc1YzAsNC42NzYsMS44MTksOS4wNjksNS4xMjUsMTIuMzcxYzMuMzA2LDMuMzA5LDcuNjk5LDUuMTMsMTIuMzc1LDUuMTMgICBjNC42NzQsMCw5LjA2OS0xLjgyLDEyLjM3Ni01LjEyN2w5Mi4zNzQtOTIuMzc1djU1LjM3N2MwLDkuNjQ5LDcuODUxLDE3LjUsMTcuNSwxNy41YzkuNjQ5LDAsMTcuNS03Ljg1MSwxNy41LTE3LjVWMTcuNSAgIEMyODMuOTIyLDcuODUxLDI3Ni4wNzEsMCwyNjYuNDIyLDB6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8cGF0aCBkPSJNMjAxLjEzNywyNTMuOTIySDMwVjgyLjc4NWgxMjguNzExbDMwLTMwSDE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1djIwMS4xMzdjMCw4LjI4NCw2LjcxNiwxNSwxNSwxNWgyMDEuMTM3ICAgYzguMjg0LDAsMTUtNi43MTYsMTUtMTVWOTUuMjExbC0zMCwzMFYyNTMuOTIyeiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); background-size:16px; width:16px; height:16px; line-height:16px; background-repeat:no-repeat; display: inline-block; } .product-type-bundle .price del span{ text-decoration: line-through; } .product-type-bundle .bundled_product span.price{ display:flex; align-items:center; margin:0px 0px 0px 10px; } .product-type-bundle .bundled_product span.price del{ margin-right: 10px; } .product-type-bundle .bundled_product .price span.amount{ margin:0px 5px 0px 0px; } .product-type-bundle .bundled_product .price span.amount:nth-child(2){ margin-left:5px; } .product-type-bundle .bundled_product .price .woocommerce-Price-amount { font-size: 14px; } .product-type-bundle .bundled_product_optional_checkbox{ display: flex; align-items: center; font-size: 14px; } .product-type-bundle .bundled_product_optional_checkbox input{ margin-right:5px; } .product-type-bundle .cart.bundled_item_cart_content table.variations .attribute_options td{ padding:5px; font-size:14px; line-height: 0; } .product-type-bundle .attribute_options .label{ font-size: 16px; font-weight: 500; } .product-type-bundle .cart.bundled_item_cart_content table.variations .value select{ min-height: 28px; font-size: 14px; } @media(max-width:767px){ .product-type-bundle .bundled_product_images .woocommerce-product-gallery__image a amp-img { max-width: 100%; min-height: 100%; } .cart.bundled_item_cart_content{ margin-top: 30px; } } /* Swatch product CSS */ .swatch_radio{ display: flex; } .swatch_radio .swatch_input{ margin-bottom: 8px; } .swatch_label{ margin-left: 7px; } .wvs-archive-variation-wrapper { display: none; } /* */ .gform_variation_wrapper .gform_fields{ list-style-type: none; } .gform_variation_wrapper li.gfield { margin-bottom: 20px; margin-top: 10px; } .gform_variation_wrapper .ginput_container_select select{ margin: 8px 0px; } .woocommerce .cntr .products li.product a amp-img{ margin : 0px; } .woocommerce .cntr .products li.product .w-lpt { padding: .5em 0; } @media (max-width: 500px){ .ampwoocommerce .cart.grouped_form table.group_table { white-space: normal; } }