:root { --accent: #1e4164; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2); } 25% { box-shadow: -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1); } 50% { box-shadow: -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2); } 75% { box-shadow: 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/*Remove the Pagination from the post navigation*/ [role="navigation"][aria-label="Pagination"] { display: none; } .lf-nav { display: none; } /*Change logo for mobile*/ @media only screen and (max-width : 768px) { .header .header-container .header-top .logo a img { display: none; } .header .header-container .header-top .logo a:after { content: ''; background-image: url(https://staging.saisc.co.za/wp-content/uploads/2023/02/SAISC_logo_mobile.png); width: 100px; height: 48px; display: block; background-size: cover; } } /*Profile Styling*/ .e-wc-message-notice .woocommerce-message { background-color: #ffffff; } .e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]) { text-decoration: none; } /*Header area*/ div.user-area .user-profile-name, header.header .user-area > a, div.user-profile-dropdown .user-profile-name { font-size: 12px; font-weight: 600; } /*Change Cart Button Background Colour*/ .header-cart-counter.counter-pulse { background: #40BFE2; } /*Add Padding to Dropdown on Explore Page*/ .select2-dropdown ul li { margin: 13px; } /*Single Listing Content*/ .extra-details .item-attr { font-weight: 500; } .extra-details .item-property { float: inherit; } /*Post Navigation Seperation Margin*/ .elementor-4692 .elementor-element.elementor-element-57be5f7 .elementor-post-navigation__separator { margin: 0px 20px 0px 20px; } /*Checkout Button*/ /*Cart Page*/ .cart-collaterals .wc-proceed-to-checkout a.button { padding: 30px 30px; border-radius: 0px; line-height: 0px; } /*Checkout Page*/ .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order button.button.alt { padding: 30px 30px; border-radius: 0px; line-height: 0px; } /*Correctly Align Cart Shipping Amount*/ /*Shipping Amount*/ .woocommerce ul#shipping_method li label { float: right; } /*Location text below amount*/ p.woocommerce-shipping-destination { text-align: right; } /*Shipping Total Right Alignment on Checkout*/ .woocommerce .woocommerce-checkout-review-order ul#shipping_method li label { text-align: right; } /*Change Overlay of Preview Cards*/ .lf-item .overlay { opacity: 0.2 !important; } .lf-item>a:hover .overlay { opacity: 0.4!important; } /*Change Cart Icon*/ .view-cart-contents > span.mi.shopping_basket:before { content: "\f07a"; font-family: "Font Awesome 5 Free"; font-weight: 900; } /*Remove Button Icon and radius on Single Product Page*/ .single_add_to_cart_button:before { display: none } .woocommerce div.product form.cart .button { border-radius: 0px } ul.products li.product a.button.add_to_cart_button:before { display:none } /*Remove Border Radius and Box Shadow*/ div.lf-item-container { border-radius: 0px; box-shadow: none; } /*Dashboard*/ @media only screen and (min-width: 768px) { .woocommerce-MyAccount-content .row:not(.my-listings-stat-box) > div.col-md-3.col-sm-6 { width: 33.333%; } } .woocommerce-MyAccount-content .row:not(.my-listings-stat-box) > div.col-md-3.stat-card-active-promotions { display: none !important; } /*Add Listing Form*/ .add-listing-nav>ul { display: none; } /*Listing Field Header*/ .c27-submit-listing-form #form-section-general, .add-listing-nav #form-section-general-nav { display: none; } /*Header*/ .header-top .logo a img { max-height: 132px; margin-left: 35px; } .header .user-area { text-transform: None; font-weight: 400; } .header-right .header-button a.buttons { text-transform: none; margin-right: 35px; letter-spacing: 0px; border-radius: 0px; } .i-nav li a { text-transform: none; letter-spacing: 0.5px; } @media (max-width: 1200px){ .header .header-left { position: absolute; left: 0; width: 100%; padding-left: 5%; } .header .header-container .header-top .logo { position: absolute; left: 50%; transform: translateX(-50%); } .header .header-right { z-index:999; } @media only screen and (max-width: 768px) { .profile-body { padding: 5px 15px 50px 15px !important; } }