/*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,128,128,0.7); 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,128,128,0.7);; border-radius: 20px; font: bold 14px "Helvetica Neue", Sans-Serif; text-transform: uppercase; box-shadow: 0 0 7px black; position:absolute; max-width:80%; width:210px; } .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{ border: 2px solid rgba(0,128,128,0.7); border-radius:20px; width:150px; height:150px; } .ui-helper-hidden-accessible{ display:none; } /*hide empty cart message*/ /*css for main products feature page*/ .ctcMetaProductsMain, .ctcCategoryProductsMain, .ctcStorePageMain{ max-width:100%; margin-left:auto; margin-right:auto; position:relative; } .ctcStorePageMain{ } .ctcCategoryPageProduct, .ctcFeaturedProduct{ } .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:210px; 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:95%; } .ctcMetaPageProductName, .ctcCategoryPageProductName, .ctcFeatureProductName{ text-align: center; height:10px; text-transform:none !important; max-width:95%; } .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; } .ctcFeaturedProduct a img{ display: block; margin-left: auto; margin-right: auto; width: 100%; } .ctcSingleProductHeader, .ctcMetaPageHeader, .ctcCategoryPageHeader{ display:block; text-align:center; color:rgba(19, 141, 117, 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:300px; background-color:rgba(240, 243, 244 ); border:10px solid rgba(30, 132, 73,0.1); padding:auto; border-radius:10px; margin:1%; max-width:90%; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5); text-align:center; } .ctcCategoryLinkContainer a{ text-align:center; text-decoration:none !important; } .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{ background-color:rgba(191, 191, 191,0.9); text-decoration:none; text-align:center; display:block; margin-left:auto; margin-right:auto; margin-bottom:12px; width:150px; height:35px; max-width:80%; border:1px solid rgba(255, 255, 255,0.7); border-radius: 10px; -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(0,128,128,0.7); font-size:18px; max-width:100%; box-shadow: 1px 1px rgba(0,0,0,0.8); text-shadow: 1px 1px 2px rgba(0,128,128,0.5); } .ctcAddToCartLink span:first-child{ float:left; margin-left:10px; 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(224,255,255,0.9)!important; 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%; border:1px solid rgba(255, 255, 255,0.7); border-radius: 10px; color:rgba(224,255,255,1); background-color:rgba(0,128,128,0.5); } .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%; } .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*/ section.widget_ctcommerce_cart_widget{ } .widget_ctcommerce_cart_widget h2::before{ font-family: dashicons; content: "\f174"; } .widget_ctcommerce_user_login_registration_widget h2::before{ font-family: dashicons; content: "\f112"; } .widget_ctcommerce_cart_widget , .widget_ctcommerce_user_login_registration_widget{ padding:15px !important; } .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{ margin-left:auto; margin-right:auto; display:block; max-width:100% !important; } .ctcProductCartWidget{ margin-right:auto; margin-left:auto; overflow:auto; display: block; text-decoration:none !important; -webkit-animation: animateComponent 0.6s linear; animation: animateComponent 0.6s linear; } #ctcProductCartWidgetForm{ } #ctcCartWidgetTable{ width:95%!important; border-collapse:collapse !important; border:none !important; margin-bottom: 10px !important; } #ctcCartWidgetTable tbody{ } #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{ padding-left:2px !important; text-align:right; border: 0; } .ctcCartWidgetItem tr td{ padding-left:2px !important; text-align:right; border: 0; } #ctcCartWidgetTable tr td:nth-child(2){ width:35%; } #ctcCartWidgetTable tr td:last-child{ float:right; text-align:left; margin-top:10px; text-decoration:none !important; } #ctcCartWidgetTable tr td:last-child a{ text-decoration:none !important; } #ctcCartWidgetTable tr td:last-child a:hover::before{ 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; } .ctcCartWidgetItem img{ border:1px solid #2c48b3; max-width:99% !important; width:35px !important; border-radius:100%; min-width:35px; } .ctcCartWidgetTable tr:hover td{ } .ctcCartWidgetItem:hover{ text-align:center !important; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); -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 2px rgba(0,0,0,0.5); } .ctcCartWidgetItem img:hover{ border:1px solid rgba(0,128,128,0.7); } #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; display:none; text-align:center; width:140px; height:33px; padding:0px; margin-top:3px; margin-bottom:10px; display:none; } .ctcWidgetCartCheckOutbutton span{ border-right: 2px solid rgba(7, 4, 141,0.7); border-radius: 50px; width:40px; height:30px; margin-right:5px; padding-top:5px; font-size:20px; margin-top:-3px; margin-left:1px; padding-right:15px !important; margin-right:2px; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; } .ctcWidgetCartCheckOutbutton:hover span{ margin-right:2px; padding-right:0px !important; color:rgba(0,128,128,0.7)!important; border-right: 2px solid rgba(0,128,128,0.7) !important; border-radius: 50px !important; text-shadow: 8px 8px 12px rgba(0,0,0,0.8); } .ctcProductCartWidget button:hover{ color:rgba(0,128,128,0.7)!important; background-color:rgba(255,255,255); } /*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{ -webkit-animation: animateComponent 1s linear; animation: animateComponent 1s linear; } .ctcPageCartItemGrid{ } .ctcPageCartItem{ border-bottom: 1px solid rgba(0,128,128,0.7); font-size:12px; padding-left:0px; padding-right:0px; } .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:96px; padding-top:5px; max-width:14.5%; } .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; padding-bottom:20px; } .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:60px !important; height:60px !important; border: 2px solid rgba(0,128,128,0.5); border-radius: 60px; 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{ border:2px solid rgba(133, 173, 173,0.5); } .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: 17.8%; 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; border: 2px solid rgba(0,128,128,0.5); border-radius:10px; padding:2px; background-color:rgba(245,245,245,0.5); color:rgba(0,128,128,0.7); height:30px; margin-left:0px; } #ctcApplyPromoCode:hover{ border: 2px solid rgba(245,245,245,0.5); background-color:rgba(0,128,128,0.5); color:rgba(245,245,245,0.7); } #ctcApplyPromoCode::before{ font-family:dashicons; content: "\f529"; 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:2px solid rgba(0,128,128,0.5); padding:10px; height:310px; overflow-y:auto; margin-left:auto; margin-right:auto; border-radius:10px; background-color:rgba(245,245,245,0.5); padding-bottom:20px; } .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; float:left; font-size:16px; } #ctCommerceUserRegistration span, #ctCommerceUserLostPassword span, #ctCommerceUserInfoUpdate span, #ctCommerceUserLogout span{ margin-top:5px; 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: 500px; max-width: 90%; } .ctcUserUpdateRight, .ctcUserRegistrationRight{ float:left; width: 500px; max-width: 90%; } .ctcUserUpdateColumn, .ctcUserUpdateColumnRight, .ctcUserRegistrationColumnRight, .ctcUserRegistrationColumn { float:left;/*fix for buggy browsers*/ display:table-column; width:170px; 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{ } .ctcItemRating{ margin-left:auto; margin-right:auto; display:block; padding:1%; } .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:rgba(0,128,128,0.9); text-shadow: 5px 5px 10px rgba(0,0,0,0.5); } .ctcThumbUp:hover{ color:rgba(0,128,128,0.7); 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:rgba(0,128,128,0.7); 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{ 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{ 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:12px; text-align:center; border:2px solid rgba(0,128,128,0.5); height:25px; margin-bottom:7px; border-radius:25px; vertical-align:top; width:57px !important; height:25px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5); } .ctcUserThumbDown{ color:rgba(0,128,128,0.9); -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:rgba(0,128,128,0.9); -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{ 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 ul{ margin:0 !important; text-align:center; list-style-type:none !important; } .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); border-radius:50%; 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; } /*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{ float: left; width: 495px; max-width: 90%; display:inline-block; } .ctcUserRegistrationRight, .ctcUserUpdateRight{ float: left; width: 495px; max-width: 90%; display:inline-block; } .ctcUserRegistrationRow, .ctcUserUpdateRow{ display: table-row; width: auto; } .ctcUserUpdateRowButton{ display:block !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; } /*styling for product page*/ .ctcMobileProductPage{ margin-left:auto !important; margin-right:auto !important; display:block !important; margin-left: auto !important; margin-right: auto !important; display: block !important; padding-left: 5%; } .ctcProductsImagesMedia{ display:inline-block; float:left; width:395px; 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 img{ width: 382px; margin-bottom: -8px; max-width: 99%; border-radius: 10px; margin-right: 2px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); height:382px; max-width:100%; cursor:pointer; } .ctcProductAdditionalMedia{ max-width:100%; } .ctcSingleProductGallery { width: 395px; overflow-x: auto; overflow-y: hidden; height: 125px; border: 1.5px double rgba(0,128,128,0.7); border-style: double; border-radius: 5px; max-width: 97%; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); margin-right: 0.1%; margin-top:5px; white-space: nowrap; } .ctcSingleProductGallery div{ overflow-y:hidden; display:inline-block; float:left; white-space: nowrap; } /* .ctcSingleProductGallery figure:first-child{ } .ctcSingleProductGalleryContainer div:first-child{ } */ .ctcSingleProductGallery .gallery{ padding-left:25px; padding-right:25px; white-space: nowrap; } .ctcSingleProductGallery span:first-child::before{ font-family: dashicons; content: "\f341"; position: absolute; font-size: 70px; color: rgba(0,0,0,0.7); z-index: 1; margin-left: -2.5%; margin-top: -0.3%; background-color: rgba(238,238,238,0); width: 6.5%; height: 118px; text-align: left; max-width:25%; } .ctcSingleProductGallery span:nth-child(2){ float:left; margin-left:330px; } .ctcSingleProductGallery span:nth-child(2)::before{ font-family: dashicons; content: "\f345"; position: absolute; font-size: 70px; color: rgba(0,0,0,0.7); z-index: 1; background-color: rgba(238,238,238,0); width: 6.5%!important; height: 116px; } .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:120px; padding-top: 10px; max-width: 120px; white-space: nowrap; margin-left:2px; } .ctcSingleProductGallery div figure div { display:inline-block; width:120px; white-space: nowrap; height:100px; } .ctcSingleProductGallery figcaption{ display:none; } .ctcSingleProductGallery div figure div a img{ width:95px !important; height:95px; max-height:95%; border:2px solid rgba(0,0,0,0.5); border-radius:20%; } .ctcSingleProductGallery div figure div a img:hover{ border:1px solid rgba(0,0,0,0.3); -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:2px solid rgba(0,128,128,0.9); border-radius:10%; 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-animation: loadReview 0.5s linear; animation: loadReview 0.5s 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; } .ctcSingleProductReview:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .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,128,128,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%; margin-left:0.5%; padding-top:1%; } .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); } .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; border:1px solid rgba(0,128,128,0.7); border-radius:10px; padding-left:20px; padding-top:3px; margin-top:5px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); height:17% !important; padding-bottom: 10px; } .ctcProductPageRating .ctcItemRating span:first-child{ } .ctcProductPageRating .ctcItemRating span:last-child{ } .ctcProductPageAddToCart{ width:230px; display:block; border:1px solid rgba(0,128,128,0.7); border-radius:10px; padding-right:left; padding-top:10px; margin-top:3px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); height:28%; } .ctcProductPageSocialBar{ width:230px; display:block; border:1px solid rgba(0,128,128,0.7); border-radius:10px; padding-left:10px; padding-top:3px; margin-top:3px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); height:21% !important; } .ctcProductDescription{ display:block !important; margin-top:30px; } .ctcProductPageVideoContainer{ display:block; width:230px; display:block; border:1px solid rgba(0,128,128,0.7); margin-top:3px; border-radius:10px; padding-left:4px; box-shadow: 2px 1px rgba(0,0,0,0.2); height:26.7% !important; } .ctcProductPageVideo{ width: 220px; border-radius:10px; 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*/ @-webkit-keyframes animateComponent { from { -webkit-transform: scale(1.3); -moz-transform: scale(2.3); -o-transform: scale(2.3); -ms-transform: scale(2.3); transform: scale(2.3); -ms-transform: rotateY(60deg); -webkit-transform: rotateY(60deg); transform: rotateY(60deg);} to { opacity:1; } } @keyframes animateComponent { from { -webkit-transform: scale(1.3); -moz-transform: scale(2.3); -o-transform: scale(2.3); -ms-transform: scale(2.3); transform: scale(2.3); -ms-transform: rotateY(60deg); -webkit-transform: rotateY(60deg); transform: rotateY(60deg);} 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; } .ctcSocialbarChInfoGplus .ctcSocialbarChInfoBackGplus { background: rgba(40,40,40,0.8); } .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); } .ctcSocialbarChInfoGplus .ctcSocialbarChInfoBackGplus, .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; } .ctcSocialbarChInfoGplus .ctcSocialbarChInfoBackGplus:hover, .ctcSocialbarChInfoFacebook .ctcSocialbarChInfoBackFacebook:hover, .ctcSocialbarChInfoTwitter .ctcSocialbarChInfoBackTwitter:hover, .ctcSocialbarChInfoLinkedin .ctcSocialbarChInfoBackLinkedin:hover, .ctcSocialbarChInfoPinterest .ctcSocialbarChInfoBackPinterest:hover, .ctcSocialbarChInfoTumblr .ctcSocialbarChInfoBackTumblr:hover{ width:103%; z-index:1100; } .ctcSocialbarChGplus { box-shadow: 2px 1px rgba(0,0,0,0.2); background: rgba(40,40,40,0.8); } .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); } .ctcSocialbarChGplus::before{ text-align:center; font-size:20px; color:white; font-family: dashicons; content: "\f462"; font-weight:normal; text-shadow: 2px 2px 3px rgba(0,0,0,1); } .ctcSocialbarChLinkedin::before{ text-align:center; font-size:20px; color:white; font-family: dashicons; content: "\f338"; 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:cursive; text-align:center; font-size:22px; color:white; content: "\P"; 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:-8.5%; } .ctcShowAjaxWait::after{ font-family: dashicons; content: "\f463"; -webkit-animation: ajaxWait 3s infinite linear; animation: ajaxWait 3s infinite linear; position: absolute; margin-top: -10%; dislay: inline-block; right: -5%; font-size: 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 img{ width:50px; height:50px; border-radius:50%; margin-bottom:-10px !important; 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:23px; text-decoration:none !important; } .ctcProductCategoriesWidget > ul > li >a span{ position:absolute; margin-top:5px; } .ctcProductCategoriesWidget > ul > li:hover { -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: 2px 2px 4px rgba(0,0,0,0.4); } .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%; } /*animation for page load*/ @-webkit-keyframes animateSlideIn { from { margin-left:-40%; to { margin-left:0%; } } @keyframes animateSlideIn{ from { margin-left:-40%; to { margin-left:0%; } }