/*Stylesheet for fronend of the ct commerce*/ a { outline: 0; } #TB_caption { margin-bottom:10px !important; } .tb-close-icon{ margin-bottom:2px !important; } #TB_caption a{ text-decoration:none !important; display:inline-block; } /*hide the elemnts on empty cart*/ .ctcHideOnEmptyCart{ display:none; } /*styling for jQuery UI toolyips*/ .ui-tooltip, .arrow:after { background: white; border: 2px solid rgba(0,0,0,1); z-index: 1000; width:16%; text-align:center; white-space: pre-line; text-transform: none!important; } .ui-tooltip { padding: 5px; padding-top: 10px; padding-bottom:20px; color:rgba(0,0,0,0.7);; border-radius: 0px; font: bold 14px "Helvetica Neue", Sans-Serif; text-transform: uppercase; box-shadow: 0 0 7px black; position:absolute; max-width:80%; width:215px; } .arrow { width: 50px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } .ui-tooltip div img{ width:150px; height:150px; border-radius:0px !important; } .ui-helper-hidden-accessible{ display:none; } tr#toolTipHeader td{ text-transform: capitalize!important; } /*hide empty cart message*/ /*css for main products feature page*/ .ctcMetaProductsMain, .ctcCategoryProductsMain, .ctcStorePageMain{ max-width:100%; margin-left:auto; margin-right:auto; position:relative; } .ctcMetaPageProductList, .ctcCategoryPageProductList, .ctcFeaturedProductList{ -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-animation: animateComponent 0.6s linear; animation: animateComponent 0.6s linear; width:100%; max-width:100%; margin-left:auto; margin-right:auto; display:block; postion:relative; } .ctcMetaPageProductContent, .ctcCategoryPageProductContent, .ctcFeaturedProductContent{ width:400px; border: 5px solid white; display:inline-block; background-color: rgba(192,192,192, 0.3); border-radius: 15px !important; margin-bottom: 9px !important; position:relative; max-width:95%; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); } .ctcMetaPageProductContent:hover, .ctcCategoryPageProductContent:hover, .ctcFeaturedProductContent:hover{ box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.7); margin-top:-0.1%; margin-right:0.1%; margin-left:-0.1%; } .ctcMetaPageProductPrice, .ctcCategoryPageProductPrice, .ctcFeaturedProductPrice{ text-align: center; display: block; max-width:99.5%; } .ctcMetaPageProductName, .ctcCategoryPageProductName, .ctcFeatureProductName{ text-align: center; height:10px; text-transform:none !important; max-width:95%; line-height: 1.9; } .ctcMetaPageProductName a, .ctcCategoryPageProductName a, .ctcFeatureProductName a{ text-decoration:none !important; font-size:14px; max-width:95%; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcMetaPageProductName a:hover, .ctcCategoryPageProductName a:hover, .ctcFeatureProductName a:hover{ text-decoration:none !important; font-size:15px; max-width:100%; } .ctcFeaturedProductImage{ } .ctcMetaPageProductImage:hover, .ctcCategoryPageProductImage:hover, .ctcFeaturedProductImage:hover{ opacity:0.9; } .ctcMetaPageProductImage img{ width:100%!important; height: auto; } .ctcCategoryPageProductImage a{ display: block; margin-left: auto; margin-right: auto; } .ctcCategoryPageProductImage a img{ display: block; margin-left: auto; margin-right: auto; width:100%; } .ctcFeaturedProduct a img{ display: block; margin-left: auto; margin-right: auto; width: 100%; } .ctcSingleProductHeader, .ctcMetaPageHeader, .ctcCategoryPageHeader{ display:block; text-align:center; color:rgba(0, 0, 0, 0.7); max-width:90%; } /*styling for product categories page*/ .ctcProductCategoriesMain{ margin-left:auto; margin-right:auto; display: block; position: relative; } .ctcCategoryLinkContainer{ -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-animation: animateComponent 0.6s linear; animation: animateComponent 0.6s linear; width:410px; background-color:rgba(240, 243, 244 ); border:3px solid rgba(0, 0, 0,1); padding:auto; margin:1%; max-width:90%; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5); text-align:center; display:inline-block; } .ctcCategoryLinkContainer a{ margin:auto; text-align:center; text-decoration:none !important; width:100%; } .ctcCategoryLinkContainer a img{ margin:auto; text-align:center; text-decoration:none !important; width:100%; } .ctcCategoryLinkContainer:hover:before{ opacity:1; } .ctcCategoryLinkContainer a img{ margin-left:auto; margin-right:auto; margin:auto; display:block; -webkit-transition: width 0.3; /* Safari */ transition: width 0.3s; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; border: 1px solid rgba(30, 132, 73,0.1); border-radius: 5px; } .ctcCategoryLinkText{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:rgba(30, 132, 73,1); visibility:hidden; -webkit-transition: width 0.1s; /* Safari */ transition: width 0.1s; transition: 0.1s ease; -webkit-transition: 0.1s ease; -moz-transition: 0.1s ease; text-shadow: 4px 4px 6px rgba(0,0,0,0.4); } a.ctcCategoryLink:hover, a.ctcCategoryLink:hover span{ visibility:visible; color:rgba(19, 141, 117,1); font-size:30px; text-transform: capitalize; -webkit-transition: width 0.2s; /* Safari */ transition: width 0.2; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; text-shadow: 4px 4px 6px rgba(0,0,0,0.3); } a.ctcCategoryLink img:hover{ -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; opacity:0.1; } .ctcCategoryPageProductList p, .ctcFeaturedProductList p{ margin-left:auto; margin-right:auto; text-align:center; } /*styling for add to cart link*/ .ctcAddToCartLink{ text-decoration:none; text-align:center; display:block; margin-left:auto; margin-right:auto; margin-bottom:12px; width:150px; height:35px; max-width:80%; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: width 2s; color:rgba(255,255,255,1); font-size:18px; max-width:100%; background-color: #13aff0; line-height: 1.9!important;; } .ctcAddToCartLink span:first-child{ float:left; margin-left:5px; height:75%; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcAddToCartLink:hover span:first-child{ text-shadow: 8px 8px 12px rgba(0,0,0,0.8); color:rgba(255,255,255,1); float:left; margin-left:20px; height:75%; } .ctcAddToCartLink:hover{ box-shadow: 5px 5px rgba(0,0,0,0.6); } .ctcAddToCartLink:active span:first-child{ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .ctcAddToCartLink:active{ box-shadow: none; } .ctcAddToCartLink span:last-child{ border-left: double; padding-left:5px; border-radius:70%; margin-right:5px; float:right; font-size:19px; height:100%; width:69%; taxt-align:center; font-size:16px; padding-top:2px; } .ctcAddToCartLink:hover span:last-child { box-shadow:3px rgba(0,0,0,0.1); } .ctcAddToCartLink:hover{ box-shadow: 1px 1px rgba(0,0,0,0.3); text-shadow: 8px 8px 12px rgba(0,0,0,0.8); width:150px; height:35px; max-width:95%; color:rgba(224,255,255,1); } .ctcFeaturedProductPriceCart{ size:15px; display:inline-block; margin-left: auto; margin-right: auto; width: 100%; } .ctcProductVariationSelect{ margin-left:auto; margin-right:auto; display:block; width:180px; max-width:90%; display:none; } .ctcPreOrderAvilable{ color: rgba(255, 77, 77,0.7); font-size: 10px; display:block; margin-left:auto; margin-right:auto; text-align:center; } .ctcPreOrderAvilable span{ } .ctcFeaturedProductAddCart{ margin-top:5px; } .ctcSelectProductVariationContainer span:first-child{ display:inline-block; font-size:16px; text-align:center; float:left; margin-left:3px; margin-top:-2px; } /*style registration form widget*/ .ctcLoginWidgetError{ color:rgba(128,0,0); font-size:10px; } .ctcLoginWidgetError::before{ font-family: dashicons; content: "\f534"; } /*style for product cart widget*/ .widget_ctcommerce_cart_widget h4:before{ font-family: dashicons; content: "\f174"; } .widget_ctcommerce_cart_widget h2::before{ font-family: dashicons; content: "\f174"; } .widget_ctcommerce_user_login_registration_widget h4:before{ font-family: dashicons; content: "\f110"; } .widget_ctcommerce_coupon_widget h4:before{ font-family: dashicons; content: "\f524"; } .widget_ctcommerce_cart_widget , .widget_ctcommerce_user_login_registration_widget{ } .widget_ctcommerce_user_login_registration_widget p:nth-child(2) input, .widget_ctcommerce_user_login_registration_widget p:first-child input{ float:right; } .widget h2{ -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; text-align:center !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.6); } .widget:hover h2{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } #ctcWidgetEmptyCartMessage{ max-width:100%; position:relative; } #ctcPageEmptyCartMessage h5, #ctcWidgetEmptyCartMessage h5{ text-align:center; text-transform:none ; position:static; margin-left:auto; margin-right:auto; display:bock; overflow-y:hidden !important; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } #ctcPageEmptyCartMessage h5::before, #ctcWidgetEmptyCartMessage h5::before{ font-family: dashicons; content: "\f174"; font-size:18px; margin-top:5px!important; display: inline-block; margin-right:5%; -webkit-animation: emptyCart 5s infinite; /* Safari 4.0 - 8.0 */ animation: emptyCart 5s infinite; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } * Safari 4.0 - 8.0 */ @-webkit-keyframes emptyCart { 0% { margin-right:20%; font-size:18px; } 50% { margin-right:0%; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } 100%{ margin-right:20%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes emptyCart { 0% { margin-right:20%; font-size:18px; } 50% { margin-right:0%; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } 100%{ margin-right:20%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } section.widget_ctcommerce_cart_widget{ max-width:100% !important; } .ctcProductCartWidget{ text-decoration:none !important; -webkit-animation: animateComponent 0.6s linear; animation: animateComponent 0.6s linear; } #ctcCartWidgetTable{ border-collapse:collapse !important; border:none !important; margin-bottom: 10px !important; } #ctcCartWidgetTable tr{ -webkit-animation: animateSlideIn 1s linear; /* Safari 4.0 - 8.0 */ animation: animateSlideIn 1s linear; } .ctcWidgetCartImageTd{ width:20%; min-width:20%; text-align:left; } #ctcCartWidgetTable tr td{ border: 0; padding:5px; } .ctcCartWidgetItem tr td{ text-align:right; border: 0; } #ctcCartWidgetTable tr td:nth-child(2){ width:35%; } #ctcCartWidgetTable tr td:last-child{ float:right; text-align:left; text-decoration:none !important; } #ctcCartWidgetTable tr td:last-child a{ text-decoration:none !important; } #ctcCartWidgetTable tr td:last-child a:hover::before{ color:rgba(0, 0, 0 ,0.7); text-align:center !important; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcCartWidgetItem img{ max-width:99% !important; width:25px !important; min-width:25px; } .ctcCartWidgetTable tr:hover td{ } .ctcCartWidgetItem:hover{ text-align:center !important; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; box-shadow: 0px 0px 1px rgba(0,0,0,0.5); } .ctcCartWidgetItem img:hover{ } #ctcWidgetCartGrandTotal{ display:none; border-top: 2px solid black; border-top-left-radius: 10%; border-top-right-radius:10%; } .ctcRemoveWidgetCartItem span{ text-decoration:none !important; } #ctcWidgetGrandTotalAmount{ float: right; margin-top: 0px; margin-right:3%; } #ctcWidgetCartGrandTotal span:first-child{ margin-left:20%; float:left; } .ctcRemoveWidgetCartItem span{ font-size:20px; text-decoration:none; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; margin-top:10px; } .ctcWidgetCartCheckOutbutton{ float:right; text-align:center; width:145px; height:35px; padding: 10px 14px !important; margin-top:10px !important; margin-bottom:10px; text-transform:none !important; line-height: 1.4!important; } .ctcWidgetCartCheckOutbutton span{ border-radius: 50px; width:40px; height:30px; margin-right:5px; font-size:20px; margin-top:-3px; margin-left:1px; padding-right:10px !important; margin-right:2px; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcWidgetCartCheckOutbutton:hover{ background-color: #13aff0!important; } .ctcWidgetCartCheckOutbutton:hover span{ margin-right:2px; padding-right:0px !important; border-radius: 50px !important; text-shadow: 8px 8px 12px rgba(0,0,0,0.8); } .ctcProductCartWidget button:hover{ background-color:rgba(255,255,255,1); } /*styling for product cart page*/ /*animation for page load*/ @-webkit-keyframes ajaxWait { from {-webkit-transform: rotate(0deg); transform: rotate(0deg); color:rgba(0,133,186,1); margin-left:0px; } to {-webkit-transform: rotate(360deg); transform: rotate(360deg); color:rgba(0,133,186,1); margin-left:0px; } } /* Standard syntax */ @keyframes ajaxWait{ from { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(deg); transform: rotate(0deg); color:rgba(0,133,186,1); margin-left:0px; } to { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); color:rgba(0,133,186,1); margin-left:0px; } } .ctcPageCartContentMain{ color:rgba(0, 0, 0,1); } .ctcPageCartItemGrid{ width: 850px; max-width: 100%; color:rgba(0,0,0,1); } .ctcPageCartItem{ border-bottom: 1px dotted rgba(0,0,0,1); font-size:12px; padding-left:0px; padding-right:0px; color: rbga(0,0,0,0,1); } .ctcPageCartItem:hover{ color: rgba(0,128,128,0.7); background-color:rgba(204, 204, 204,0.2); } .ctcPageCartItem span{ display: inline-block; vertical-align: middle; text-align: center; width: 230px; padding-top: 5px; padding-bottom: 5px; max-width: 15.4%; } .ctcPageCartItem a span{ text-decoration:none; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcPageCartItem span:last-child{ line-height:0.2; } .ctcPageCartItem a span:hover{ color:rgba(236, 112, 99 ,0.7); text-align:center !important; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcPageCartImg img{ width:50px !important; height:50px !important; object-fit: cover !important; -webkit-transition: width 0.7s, height 0.9s; /* Safari */ transition: 0.8s ease; -webkit-transition: 0.8s ease; -moz-transition: 0.8s ease; } .ctcPageCartItem:hover img{ } .ctcPageCartItemRemove{ width:1%; } .ctcPageCartGrandTotal{ margin-top:10px; } #ctcSavingAfterPromoCode, #ctcPageCartTax, #ctcDisplayShippingCost, #ctcPageCartGrandTotal{ display:block; } .ctcCalculateShipingWait::before{ -webkit-animation:ajaxWait 3s infinite linear; /* Safari 4.0 - 8.0 */ animation: ajaxWait 3s infinite linear; font-size: 18px; position: absolute; margin-top: 0px; } #ctcSavingAfterPromoCode span:first-child, #ctcPageCartTax span:first-child, #ctcDisplayShippingCost span:first-child, #ctcPageCartGrandTotal span:first-child{ float:left; width:50%; } #ctcSavingAfterPromoCode span:last-child, #ctcPageCartTax span:last-child, #ctcDisplayShippingCost span:last-child, #ctcPageCartGtotal{ margin-left:5% !important; width:50%; } #ctcPageCartGtotal{ border-top: 1px double rgba(0,128,128,0.8); border-radius:7%; } .ctcPageCartGrandTotal span:nth-child(2){ } #ctcPageCartTaxAmount{ } .ctcCalculateShippingOptions{ display:block; } .ctcCalculateShippingOptions span{ width: 220px; margin-left: 8px; margin-right: 15px; font-size: 13px; display:block; } .ctcCalculateShippingOptions span font{ font-size:8px; } .ctcCalculateShippingOptions span input{ } #ctcDisplayShippingCost{ display:none; } #ctcDisplayShippingCost span:last-child font{ font-size: 12px; margin-right: 10%; margin-top:6px; margin-left:4px; } .ctcShippingPickupTime, .ctcShippingPickupTime font{ font-size:14px !important; margin-right:0px; } .ctcPageCartCouponCode{ margin-top:10px; } .ctcPageCartCouponCode span{ } .ctcPageCartCouponCode span input[type="text"] { width: 130px !important; height: 30px; margin-right: 4%; margin-top: 4px; } .ctcCheckoutPaymentOptions{ display:none; } .ctcCheckoutPaymentOptions span{ width: 150px; font-size: 13px; } .ctcCheckoutPaymentOptions span:first-child{ display:block; width:auto; margin-left:0px; font-size:1.125rem; } .ctcCheckoutPaymentOptions span:nth-child(2), .ctcCheckoutPaymentOptions span:nth-child(3){ margin-left:10px; margin-right:10px; width:200px; } .ctcCartPageCheckoutButtons{ } /*styling for promocode for in page cart*/ #ctcApplyPromoCode{ text-decoration:none; width:120px !important; padding:8px; background-color:rgba(245,245,245,0.5); color:rgba(255,255,255,1); background-color:#13aff0; height:35px; margin-left:0px; } #ctcApplyPromoCode:hover{ background-color:#13aff0; text-shadow: 8px 8px 12px rgba(0,0,0,0.8); } #ctcApplyPromoCode::before{ font-family:dashicons; content: "\f524"; margin-left:0px; } #ctcPageCartCouponCode span.ctcShowAjaxWait::after{ right: 0; bottom: 0; /* margin-left: -20%; */ margin-right: 43%; margin-bottom: 20%; } /*Styling for customer shipping address on checkout page*/ #ctcUserShippingAddress{ margin-top:10px; display:block; width:650px; max-width:95%; border:1px dotted rgba(0,0,0,1); padding:10px; height:310px; overflow-y:auto; margin-left:auto; margin-right:auto; background-color:rgba(245,245,245,0.5); padding-bottom:20px; color:rgba(0, 0, 0,1); } .ctcShippingAddressLeftSection{ display:inline-block; width:260px; height:200px; max-width:95%; float:left; margin-left:40px; margin-right:auto; } .ctcShippingAddressRightSection{ display:inline-block; right:0px; width:240px; height:200px; position: relative; max-width:95%; float:left; margin-left:auto; margin-right:auto; margin-left:40px; } .ctcShippingAddressLeftSection input{ width:220px; height:35px; } .ctcShippingAddressRightSection input{ width:200px; height:35px; } .ctcShippingAddressNotice{ display:block; font-size:10px; } /*style for video on blog post*/ .ctcPostVideo video{ max-width:86%; max-height:5%; } /*styling for meta tag on post page*/ #ctcProductMetaLink{ text-decoration:none; display: inline-block; float: left; margin: 2px; } .ctcPostPrice span{ margin-top: 7px; } #ctcProductMetaLink span{ margin-top: 9px; } /*styling of the login widget*/ p.login-username input, p.login-password input{ width:250px; } #ctCommerceUserLogout{ display:block; text-align:left; } #ctCommerceUserInfoUpdate{ display:block; text-align:left; margin-left:-1px !important; } #ctCommerceUserRegistration, #ctCommerceUserLostPassword{ display:inline-block; font-size:16px; } #ctCommerceUserRegistration span, #ctCommerceUserLostPassword span, #ctCommerceUserInfoUpdate span, #ctCommerceUserLogout span{ text-decoration:none; } #ctCommerceUserLostPassword{ display:inline-block; } #ctCommerceUserLogout span{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #ctCommerceUserInfoUpdate{ margin-left:45px; display:inline-block; } /*Styling for user registration form*/ .ctcUserUpdateFormTable, .ctcUserRegistrationFormTable { display: table; padding-right:20px; border-spacing:5px;/*cellspacing:poor IE support for this*/ display:block; clear:both; } .ctcUserUpdateLeft, .ctcUserRegistrationLeft{ float:left; width: 550px; max-width: 90%; margin-left:25px; } .ctcUserUpdateRight, .ctcUserRegistrationRight{ float:left; width: 500px; max-width: 90%; margin-left:25px; } .ctcUserUpdateColumn, .ctcUserUpdateColumnRight, .ctcUserRegistrationColumnRight, .ctcUserRegistrationColumn { float:left;/*fix for buggy browsers*/ display:table-column; width:180px; max-width:90%; } .ctcPasswordNote{ font-size: 10px; margin-left: 15px; } .ctcConfirmPasswordError{ font-size: 12px; margin-left: 15px; color:red; display:none; margin-left: 0px; } .ctcUpdateUserButton, .ctcRegisterUserButton{ color:rgba(255,255,255,1) !important; border-color:rgba(255,255,255,1) !important; } /** This section contains styling for product rating, thumb up and thumb down */ .ctcDisplayProductRating{ padding-left:13.2%; } .ctcItemRating{ margin-left:15.5%; } .ctcItemRating span{ padding:auto; margin:auto; } .ctcThumbUp, .ctcThumbDown, .ctcUserThumbUp, .ctcUserThumbDown{ width:30px !important; height:30px !important; text-align:center; } .ctcThumbUp, .ctcThumbDown{ font-size:25px !important; cursor:pointer; display:inline-block; margin-left:auto; margin-right:auto; -webkit-transition: width 0.5s, height 0.7s; /* Safari */ transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; color:#929292; text-shadow: 5px 5px 10px rgba(0,0,0,0.5); } .ctcThumbUp:hover{ color:#929292; font-size:32px !important; -webkit-transition: width 0.5s, height 0.5s; /* Safari */ transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); cursor:pointer; } .ctcThumbDown:hover{ color:r#929292; font-size:32px !important; -webkit-transition: width 0.5s, height 0.5s; /* Safari */ transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); cursor:pointer; } .ctcThumbUp:active, .ctcThumbDown:active{ text-align:center !important; -webkit-transform: scale(5.5); -moz-transform: scale(5.5); -o-transform: scale(5.5); -ms-transform: scale(5.5); transform: scale(5.5); opacity: 1; pointer-events: auto; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; cursor:pointer; } .ctcUserThumbUp:active{ text-align:center !important; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 1; pointer-events: auto; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; cursor:pointer; } .ctcUserThumbDown:active{ text-align:center !important; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 1; pointer-events: auto; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; cursor:pointer; } .ctcThumbUp:active::before{ text-align:center !important; -webkit-transform: scale(4.5); -moz-transform: scale(4.5); -o-transform: scale(4.5); -ms-transform: scale(4.5); transform: scale(4.5); -webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.4s; -o-transition: all 0.4s ease-in-out 0.4s; -ms-transition: all 0.4s ease-in-out 0.4s; transition: all 0.4s ease-in-out 0.4s; } .ctcUserThumbUp:active::before{ color:#929292; text-align:center !important; -webkit-transform: scale(4.5); -moz-transform: scale(4.5); -o-transform: scale(4.5); -ms-transform: scale(4.5); transform: scale(4.5); -webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.4s; -o-transition: all 0.4s ease-in-out 0.4s; -ms-transition: all 0.4s ease-in-out 0.4s; transition: all 0.4s ease-in-out 0.4s; } .ctcUserThumbDown:active::before{ color:#929292 !important; text-align:center !important; -webkit-transform: scale(4.5); -moz-transform: scale(4.5); -o-transform: scale(4.5); -ms-transform: scale(4.5); transform: scale(4.5); -webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.4s; -o-transition: all 0.4s ease-in-out 0.4s; -ms-transition: all 0.4s ease-in-out 0.4s; transition: all 0.4s ease-in-out 0.4s; } .ctcThumbDown:active::before{ text-align:center !important; -webkit-transform: scale(4.5); -moz-transform: scale(4.5); -o-transform: scale(4.5); -ms-transform: scale(4.5); transform: scale(4.5); -webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.4s; -o-transition: all 0.4s ease-in-out 0.4s; -ms-transition: all 0.4s ease-in-out 0.4s; transition: all 0.4s ease-in-out 0.4s; } .ctcThumbsUpStat, .ctcThumbsDownStat{ display:inline-block; font-size:13px; text-align:center; border:1px solid rgba(0,0,0,1); height:25px; margin-bottom:7px; vertical-align:top; width:57px !important; height:25px; } .ctcUserThumbDown{ color:r#929292!important; -webkit-transition: width 0.5s, height 0.5s; /* Safari */ transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); cursor:pointer; text-shadow: 5px 5px 10px rgba(0,0,0,0.8); font-size:32px!important; } .ctcUserThumbUp{ color:r#929292; -webkit-transition: width 0.5s, height 0.5s; /* Safari */ transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); cursor:pointer; text-shadow: 5px 5px 10px rgba(0,0,0,0.8); font-size:32px!important; } .ctcUserThumbUp:hover, .ctcUserThumbDown:hover{ color:#929292; font-size:25px; -webkit-transition: width 0.5s, height 0.5s; /* Safari */ transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); cursor:pointer; } /** Styling for coupon widget*/ .widget_ctcommerce_coupon_widget h2::before{ font-family: dashicons; content: "\f524"; } .widget_ctcommerce_coupon_widget h5{ text-align:center; white-space:nowrap !important; } .widget_ctcommerce_coupon_widget h5 a{ text-decoration:none !important; } .ctcDsicountWidget{ color:rgba(0,0,0,1); } .ctcDsicountWidget ul{ margin:0 !important; text-align:center; list-style-type:none !important; } .ctcDsicountWidget ul li a{ text-decoration:underline; } .ctcDiscountAplicableProducts:before{ font-family: dashicons; content: "\f103"; } .ctcDsicountWidget h4{ white-space:nowrap !important; text-align:center; } .ctcWidgetDiscountImage img{ margin-left:auto; margin-right:auto; display: block; border:2px solid rgba(255, 255, 255,0.8); box-shadow: 2px 2px 5px rgba(0,0,0,0.9); -webkit-transition: width 2s,height 3s ; /* Safari */ transition: width 2s,height3s; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcWidgetDiscountImage img:hover{ border:1px solid rgba(255, 255, 255,0.5); border-radius:5%; box-shadow: 4px 4px 15px rgba(0,0,0,0.7); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: width 2s,height 3s ; /* Safari */ transition: width 2s,height3s; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcCouponWidgetCondition{ text-align:center; font-size:10px; } .ctcCounponWidgetEndDate{ text-align:center; font-size:13px; color:rgba(255, 80, 80); } .ctcCouponWidgetPromoCode{ text-align:center; font-size:15px; } .ctcCouponWidgetAmountOff, .ctcCouponWidgetPercentOff{ text-align:center; font-size:15px; } /*ctcDeleteDiscountButton*/ #ctcCashCheckoutButton, #ctcStripeCheckoutButton{ display:none; color:rgba(255,255,255,1); background-color:#13aff0; border:none; } #ctcStripeCheckoutButton:before, #ctcCashCheckoutButton:before{ font-family:dashicons; content: "\f526"; margin-right:5px; } #ctcStripeCheckoutButton:hover, #ctcCashCheckoutButton:hover{ text-shadow: 8px 8px 12px rgba(0,0,0,0.8); } /*styling for modal form*/ #ctcUserRegistrationForm, #ctcUserUpdateForm{ margin-left:auto; margin-right:auto; display:block; padding-left: 3%; } .ctcUserRegistrationFormTable, .ctcUserUpdateFormTable{ display: table; padding-right: 20px; border-spacing: 5px; display: block; clear: both; border-radius: 20px; } .ctcUserRegistrationLeft, .ctcUserUpdateLeft{ width: 400px; display:inline-block; } .ctcUserRegistrationRight, .ctcUserUpdateRight{ width: 400px; display:inline-block; float:right; } .ctcUserRegistrationRow, .ctcUserUpdateRow{ display: table-row; width: auto; } .ctcUserUpdateRowButton{ display:block !important; } .ctcUserRegistrationRow input, .ctcUserUpdateRow input{ color:rgba(255,255,255,1)!important; } .ctcUserRegistrationColumn .ctcUserUpdateColumn{ float: left; display: table-column; width: 180px; max-width: 90%; display:inline-block; } .ctcUserRegistrationColumnRight, .ctcUserUpdateColumnRight{ float: left; display: table-column; width: 180px; max-width: 90%; display:inline-block; } input#userUserZipCode, input#ctcUserZipCode{ max-width:80px!important; } input#userUserPhoneNumber, input#userUserPhoneNumber{ max-width:120px!important; } /*styling for product page*/ .ctcMobileProductPage{ } .ctcProductsImagesMedia{ display:inline-block; float:left; width:475px; height:auto; border-radius:10px; max-width:90%; -webkit-animation: animateComponent 0.6s linear; animation: animateComponent 0.6s linear; -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .ctcProductProfileImage{ width: 475px; height: 475px; z-index: 1000; display: inline-block; margin-top: 0px; background: url('') center center / contain no-repeat rgb(255, 255, 255,1); box-shadow: black 0px 1px 5px 2px; ; } .ctcProductAdditionalMedia{ max-width:100%; } .ctcSingleProductGallery { width: 475px; overflow-x: auto; overflow-y: hidden; max-width: 100%; } .ctcSingleProductGallery img{ margin-left:5px; } .ctcSingleProductGallery div{ overflow-y:hidden; display:inline-block; } /* .ctcSingleProductGallery figure:first-child{ } .ctcSingleProductGalleryContainer div:first-child{ } */ .ctcSingleProductGallery span:first-child:hover::before, .ctcSingleProductGallery span:nth-child(2):hover::before{ font-weight:bold; opacity:0.9; cursor:pointer; } .ctcSingleProductGallery div figure{ display:inline-block; width:auto; height:50px; padding-top: 15px; max-width: 50px; white-space: nowrap; } .ctcSingleProductGallery div figure div { display:inline-block; white-space: nowrap; } .ctcSingleProductGallery figcaption{ display:none; } .ctcSingleProductGallery div figure div a img{ width:50px !important; height:50px; max-height:95%; box-shadow : 2px 2px 10px 2px rgba(0,0,0,1); } .ctcSingleProductGallery div figure div a img:hover{ -webkit-transition: all 0.15s ease-in-out 0.15s; -moz-transition: all 0.15s ease-in-out 0.15s; -o-transition: all 0.15s ease-in-out 0.15s; -ms-transition: all 0.15s ease-in-out 0.15s; transition: all 0.15s ease-in-out 0.15s; } /*animation for review load*/ @-webkit-keyframes loadReview { from { -webkit-transform: scale(1.3); transform: rotateZ(10deg); } to { } } @keyframes loadReview{ from { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } to { -ms-transform: rotateZ(10deg); -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); } } .ctcProductPageReview{ margin-left:auto; margin-right:auto; display:block; } .ctcSingleProductReview{ border:1px solid rgba(0,0,0,0.9); margin-bottom:5px; padding:1%; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .ctcSingleProductReview:hover { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } .ctcSingleProductReview span:first-child{ padding-left:2%; font-size:20px; display:block; } .ctcSingleProductReview span.ctcReviewAuthor, .ctcSingleProductReview span:last-child{ margin-bottom:50% !important; } .ctcSingleProductReview span{ font-size:11px; } .ctcSingleProductReview span.ctcReviewAuthor{ color:rgba(0,0,0,0.9); font-size:16px; text-align:center; } .ctcSingleProductReview span:first-child::before{ font-family:dashicons; content: "\f473"; } .ctcSingleProductReview img{ height:25px; width:25px; border-radius:50%; } .ctcLoadMoreReview{ display:block; } .ctcProductReviewForm textarea{ width:90%; } .ctcProductReviewForm .comment-form-url, .ctcProductReviewForm .comment-form-email, .ctcProductReviewForm .comment-form-author{ width:auto !important; } .ctcComment{ display:block; } .ctcSingleProductGallery::-webkit-scrollbar { width: 0 !important; background: transparent; } .ctcSingleProductGallery { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .ctcSingleProductGallery { -ms-overflow-style: none; } .ctcRatingAddtocartVideo{ display: inline-block; max-width: 70%; padding:5%; height:475px; } .ctcRatingAddtocartVideo div:hover{ -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .ctcImagesRatingCartContainer{ margin-left:auto; margin-right:auto; display:block; } .ctcProductPageRating .ctcItemRating{ margin-top:10%; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); margin-left:5px!important; } .ctcImagesRatingCartContainer .ctcProductPageAddToCart a.ctcAddToCartLink{ margin-top:10%; } .ctcImagesRatingCartContainer .ctcProductPageAddToCart .ctcSelectProductVariationContainer{ margin-bottom:-10%; } .ctcImagesRatingCartContainer .ctcProductPageAddToCart .ctcPreOrderAvilable{ font-size:12px; margin-bottom:-5%; } .ctcProductPageRating{ width:230px; display:block; padding-left:20px; padding-top:3px; margin-top:5px; box-shadow: 0px 1px 20px 2px rgba(0, 0, 0 ,1); padding-bottom: 10px; } .ctcProductPageRating .ctcItemRating span:first-child{ } .ctcProductPageRating .ctcItemRating span:last-child{ } .ctcProductPageAddToCart{ width:230px; display:block; padding-right:left; padding-top:10px; padding-bottom:2px; margin-top:3px; box-shadow: 0px 1px 20px 2px rgba(0, 0, 0 ,1) } .ctcProductPageSocialBar{ width:230px; display:block; padding-left:10px; padding-top:3px; margin-top:3px; box-shadow: 0px 1px 20px 2px rgba(0, 0, 0 ,1) } .ctcProductDescription{ display:block!important; margin-top: 14%; } .ctcProductPageAddToCart{ color:rgb(0,0,0,1) } .ctcProductPageVideoContainer{ display:block; width:230px; display:block; margin-top:3px; padding-left:6px; box-shadow: 0px 1px 20px 2px rgba(0, 0, 0 ,1) } .ctcProductPageAddToCart .ctcSelectProductVariationContainer select{ width:30.3%; } .ctcProductPageVideo{ width: 220px; height:130px; margin-bottom:-7px; } .ctcProductPageSocialBar h5, .ctcProductPageRating h5{ text-transform:none !important; height: 20px; margin-bottom:10px; margin-top:0px; } .ctcProductPageRating, .ctcProductPageAddToCart, .ctcProductPageSocialBar, .ctcProductPageVideoContainer{ -webkit-animation: animateComponent 0.6s linear; animation: animateComponent 0.6s linear; -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } /*animation for page load*/ @keyframes animateComponent { from { opacity:0; } to { opacity:1; } } /*styling for socialbar sharing*/ .ctcSocialbarMain{ width:relative; margin-right:2px; margin-left:2px; } .ctcSocialbarMain a{ text-decoration:none; } .ctcSocialbarChItem { border-radius: 5%; position: relative; cursor: default; } .ctcProductPageSocialBar:hover .ctcSocialbarChInfoFront::before{ -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; text-shadow: 8px 8px 12px rgba(0,0,0,0.9); transform: rotate(-20deg); } .ctcProductPageSocialBar .ctcSocialbarChInfoFront::before{ -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .ctcSocialbarChInfoWrap, .ctcSocialbarChInfo{ width: 24px; height: 35px; border-radius: 50%; } .ctcSocialbarChInfoWrap { top: 25px; left: 35px; box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8); } .ctcSocialbarChInfo > div { position: absolute; width: 110%; height: 115%; border-radius: 35% 35% 70% 70%; background-position: center center; -webkit-backface-visibility: hidden; border: 2px solid rgb(0,0,0,0.3); } .ctcSocialbarChInfo .ctcSocialbarChInfoFront { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .ctcSocialbarChInfoFacebook .ctcSocialbarChInfoBackFacebook { background: rgba(0,84,159,0.8); } .ctcSocialbarChInfoTwitter .ctcSocialbarChInfoBackTwitter { background: rgba(56,205,255,0.8); } .ctcSocialbarChInfoLinkedin .ctcSocialbarChInfoBackLinkedin { background: rgba(0,150,193,0.8); } .ctcSocialbarChInfoPinterest .ctcSocialbarChInfoBackPinterest { background: rgba(189,8,28,0.8); } .ctcSocialbarChInfoTumblr .ctcSocialbarChInfoBackTumblr { background: rgba(54,70,93,0.8); } .ctcSocialbarChInfoFacebook .ctcSocialbarChInfoBackFacebook, .ctcSocialbarChInfoTwitter .ctcSocialbarChInfoBackTwitter, .ctcSocialbarChInfoLinkedin .ctcSocialbarChInfoBackLinkedin, .ctcSocialbarChInfoPinterest .ctcSocialbarChInfoBackPinterest, .ctcSocialbarChInfoTumblr .ctcSocialbarChInfoBackTumblr{ box-shadow: 2px 2px rgba(0,0,0,0.5); pointer-events: none; opacity:0; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .ctcSocialbarChInfoFacebook .ctcSocialbarChInfoBackFacebook:hover, .ctcSocialbarChInfoTwitter .ctcSocialbarChInfoBackTwitter:hover, .ctcSocialbarChInfoLinkedin .ctcSocialbarChInfoBackLinkedin:hover, .ctcSocialbarChInfoPinterest .ctcSocialbarChInfoBackPinterest:hover, .ctcSocialbarChInfoTumblr .ctcSocialbarChInfoBackTumblr:hover{ width:103%; z-index:1100; } .ctcSocialbarChFacebook { box-shadow: 2px 1px rgba(0,0,0,0.2); background: rgba(0,84,159,0.8); } .ctcSocialbarChTwitter { box-shadow: 2px 1px rgba(0,0,0,0.2); background: rgba(56,205,255,0.8); } .ctcSocialbarChLinkedin{ box-shadow: 2px 1px rgba(0,0,0,0.2); background: rgba(0,150,193,0.8); } .ctcSocialbarChPinterest{ box-shadow: 2px 1px rgba(0,0,0,0.2); background: rgba(189,8,28,0.8); } .ctcSocialbarChTumblr{ box-shadow: 2px 1px rgba(0,0,0,0.2); background: rgba(54,67,93,0.8); } .ctcSocialbarChLinkedin::before{ text-align:center; font-size:20px; color:white; font-family: dashicons; content: "\f18d"; font-weight:normal; text-shadow: 2px 2px 3px rgba(0,0,0,1); } .ctcSocialbarChTwitter::before{ text-align:center; font-size:20px; color:white; font-family: dashicons; content: "\f301"; font-weight:normal; text-shadow: 2px 2px 3px rgba(0,0,0,1); } .ctcSocialbarChFacebook::before{ text-align:center; font-size:20px; color:white; font-family: dashicons; content: "\f305"; font-weight:normal; text-shadow: 2px 2px 3px rgba(0,0,0,1); } .ctcSocialbarChPinterest::before{ font-family: dashicons; text-align:center; font-size:22px; color:white; content: "\f192"; font-weight:bold; text-shadow: 2px 2px 3px rgba(0,0,0,1); } .ctcSocialbarChTumblr::before{ font-family:cursive; text-align:center; font-size:22px; color:white; content: "\t"; text-shadow: 2px 2px 3px rgba(0,0,0,1); font-weight:bold; } .ctcSocialbarChInfo p { color: #fff; width:100%; height:100%; padding-top:7px; } .ctcSocialbarChInfo p a { color: white; text-shadow: 8px 8px 12px rgba(0,0,0,0.8); } .ctcSocialbarChInfo p a:hover { color: #fff; text-align:center; } .ctcSocialbarChItem:hover .ctcSocialbarChInfoFront { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcSocialbarChItem:hover .ctcSocialbarChInfoBack { text-align:center !important; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcSocialbarChGrid { height:50px; list-style:none!important; margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ctcSocialbarChGrid:after, .ctcSocialbarChItem:before { } .ctcSocialbarChGrid:after { clear: both; } .ctcSocialbarChGrid li { list-style:none !important; width:auto; height:auto; display: inline-block; } /*styling for sort product select box*/ #ctcSortProduct{ display:block; } #ctcSortProduct select{ float:right; margin-top:-5.9%; width:19.5%; border:1px solid rgba(0,0,0,1); max-width:30%; height:25px; } /**/ .ctcAjaxWaitPromoCode::after{ font-family: dashicons; content: "\f463"; -webkit-animation: ajaxWait 3s infinite linear; animation: ajaxWait 3s infinite linear; position: absolute; font-size: 25px; margin-top:-2px; } /*styling for nav bar cart tooltip*/ li.ctcCartToolTip{ } li.ctcCartToolTip a:hover::before{ -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -o-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); opacity: 1; pointer-events: auto; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } li.ctcCartToolTip a::before{ cursor: pointer!important; font-family: dashicons; content: "\f174"; font-size:12px; margin-bottom:-10px !important; } .ctcToolTipNavCart{ font-size:10px; margin-bottom:-35px!important; } .ctcToolTipNavCart table img{ width:25px !important; height:25px !important; min-width:25px !important; border-radius:50%; } .ctcToolTipNavCart table tr{ text-align:center !important; } .ctcToolTipNavCart table tr td.ctcWidgetCartImageTd{ width:25px !important; } .ctcToolTipNavCart table{ padding:0px !important; } .ctcToolTipNavCart table tr:first-child{ padding:0px !important; border-top-style: hidden; } .ctcEmptyCartTooltip{ text-align:center; margin-top:10%; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcEmptyCartTooltip::before{ -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; font-family: dashicons; content: "\f174"; -webkit-animation: emptyCart 6s infinite linear; /* Safari 4.0 - 8.0 */ animation: emptyCart 6s infinite linear; font-size:18px; } #ctcToolTipCartTotal td{ text-align:right; border-bottom-style: hidden; font-size:12px } .ctcToolTipNavCart span:first-child{ font-size:13px; } .ctcToolTipNavCart span:first-child::before{ font-family: dashicons;; content: "\f174"; font-size:15px; margin-bottom:-10px !important; } /*styling for product categories widget*/ .widget_ctcommerce_category_widget .widget-title::before{ font-family:dashicons; content: "\f318"; } .ctcProductCategoriesWidget > ul{ list-style:none !important; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-animation: animateComponent 0.6s linear; animation: animateComponent 0.6s linear; } .ctcProductCategoriesWidget > ul li { margin-bottom:5px !important; } .ctcProductCategoriesWidget > ul li ul li{ list-style: square; } .ctcProductCategoriesWidget img{ width:35px; height:35px; border:1px solid rgba(0,0,0,0.8); margin-right:5px; -webkit-transition: width 0.5s; /* Safari */ transition: width 0.5s; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; text-shadow: 1px 1px 2px rgba(0,0,0,0.7); } .ctcProductCategoriesWidget > ul > li >a { font-size:18px; text-decoration:none !important; } .ctcProductCategoriesWidget > ul > li >a span{ position:absolute; margin-top:5px; } .ctcProductCategoriesWidget > ul > li:hover { } .ctcProductCategoriesWidget > ul > li:hover img{ border-radius:10%; -webkit-transition: width 0.2s; /* Safari */ transition: width 0.2s; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; border:1px solid rgba(0,0,0,0.5); box-shadow: 2px 2px 10px black; } .ctcProductCategoriesWidget > ul li ul li{ -webkit-transition: width 0.2s; /* Safari */ transition: width 0.2s; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-animation: animateSlideIn 0.5s linear; animation: animateSlideIn 0.5s linear; } .ctcProductCategoriesWidget > ul > li ul{ margin-left: 40%; } #ctc-blog-shortcode li{ list-style: none; } #ctc-blog-shortcode .ctcItemRating{ margin:15px; margin-left:0px; } #ctc-blog-shortcode .ctcSocialbarChGrid{ margin:15px; margin-left:20px; display:inline; } #ctc-blog-shortcode .ctcAddToCartLink{ margin:15px; margin-left:20px; } #ctc-blog-shortcode .ctcSelectProductVariationContainer{ margin:15px; margin-left:0px; width:200px; } #ctc-blog-shortcode .ctcPreOrderAvilable{ text-align:left; margin-left:26px; } #ctc-blog-shortcode .ctcSelectProductVariationContainer select{ width:30%; } .ctcSelectProductVariationContainer select{ margin-left:3px; display:inline-block; width:31.7%; } .ctcSelectProductVariationContainer i{ display:block; text-align:center; } /*animation for page load*/ @keyframes animateSlideIn{ from { margin-left:-40%; } to { margin-left:0%; } } #ctcStripeMountDiv{ margin-top:10px; padding:15px; border:2px dashed rgba(0,0,0,1); } #ctcStripeMountDiv input{ border:1px solid rgba(0,0,0,1); }