/* Theme Name: Atuvi Text Domain: atuvi Template: atua Version: 1.0.10 Tested up to: 6.6 Requires at least: 4.7 Requires PHP: 5.6 Author: DesertThemes Author URI: https://desertthemes.com/ Theme URI: https://desertthemes.com/themes/atuvi-free/ Description: Atuvi is lightweight, highly extendable and multi-purpose WordPress Theme. It will enable you to create almost any type of website with a beautiful & professional design. Atuvi supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more. Atuvi Pro demo https://preview.desertthemes.com/pro/atuvi/ Tags: one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio License: GPLv3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ :root { --dt-pri-color: #73bb13; --dt-priTwo-color: #92cf3c; --dt-priGrd-color: linear-gradient(-137deg, var(--dt-pri-color) 10%, var(--dt-priTwo-color) 100%); --dt-priGrdRev-color: linear-gradient(-137deg, var(--dt-priTwo-color) 10%, var(--dt-pri-color) 100%); --dt-sec-color: #00045F; } .header--twelve { color: var(--dt-whi-color); } .header--twelve .dt_mobilenav > .dt-container, .header--twelve .is--sticky.on { background-color: var(--dt-sec-color); } .header--twelve .dt_mobilenav .hamburger span { background-color: #fff; } .header--twelve .dt_navbar-wrapper > .dt-container > .dt-row { align-items: center; } .header--twelve .dt_navbar-sidebar-item .dt_navbar-sidebar-toggle-inner { border-color: rgba(189, 189, 189, 0.35); } .header--twelve .dt_navbar-nav .dt_navbar-mainmenu > li > a { margin: 0 1.2rem; } .header--twelve .dt_navbar-sidebar-item .dt_navbar-sidebar-toggle-inner, .header--twelve .dt_navbar-nav .dt_navbar-mainmenu > li:not(:hover, .focus, .active) > a, .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon, .header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle { color: #fff; } .header--twelve .dt_header-topbar .dt_header-widget a:focus { text-decoration: underline; } .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon:focus, .header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle:focus { transform: translateY(-2px); color: var(--dt-pri-color); } @media (min-width: 62em) { .header--twelve .dt_header-inner { position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .header--twelve .dt_navbar-wrapper > .dt-container { max-width: 1640px; } .header--twelve .dt_header-topbar .dt_header-widget > .dt-container > .dt-row { background-color: var(--dt-pri-color); margin-left: 0; margin-right: 0; padding: 0 1.6rem; } .header--twelve .dt_header-topbar .dt_header-widget .contact__list i { -webkit-background-clip: unset !important; -webkit-text-fill-color: unset; background: transparent; } .header--twelve .dt_header-topbar .dt_header-widget a, .header--twelve .dt_header-topbar .dt_header-widget .contact__list i { color: #fff; } .header--twelve .dt_header-widget .widget--right .widget:not(:last-child):after { right: 0.5rem; background-color: rgba(255, 255, 255, 0.35); } .header--twelve + .site-content .dt_slider .dt_slider-innercell { padding-top: 15rem; } .header--twelve + .site-content .dt_slider .dt_slider-content { margin-bottom: 8rem; } .header--twelve + .dt_pagetitle { padding-top: 20rem; } } /* Slider */ @media (min-width: 87.5em) { .dt_slider .dt_slider-carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-innercell, .dt_slider .dt_slider-item > img { max-height: 83rem; min-height: 83rem; } } .dt_slider .dt_slider-content .subtitle { display: inline-block; padding: 0.8rem 2.4rem; background-color: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 10rem; -webkit-backdrop-filter: blur(1.5rem); backdrop-filter: blur(1.5rem); } /* Service Thirteen */ .dt_service--thirteen { z-index: 1; } .dt_slider + .dt_service.dt_service--thirteen { padding-top: 0; margin-top: -13rem; margin-bottom: -3.8rem; padding-bottom: 3rem; } .dt_service.dt_service--thirteen .dt_item_inner { text-align: center; position: relative; z-index: 0; margin-top: 4rem; margin-bottom: 2rem; -webkit-filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.08)); padding: 13rem 1.5rem 4rem 1.5rem; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .dt_service.dt_service--thirteen .dt_item_inner::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--dt-whi-color); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -2; -webkit-clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%); } .dt_service.dt_service--thirteen .dt_item_holder { position: relative; z-index: 1; } .dt_service.dt_service--thirteen .dt_item_holder .dt_item_icon { width: 12rem; height: 12rem; line-height: 12rem; font-size: 5rem; color: #fff; background-color: var(--dt-pri-color); border-radius: 50%; text-align: center; position: relative; margin: -15rem auto 3.5rem auto; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .dt_service.dt_service--thirteen .dt_item_inner:focus-within .dt_item_icon, .dt_service.dt_service--thirteen .dt_item_inner:hover .dt_item_icon { color: var(--dt-pri-color); background: var(--dt-whi-color); } .dt_service.dt_service--thirteen .dt_item_holder .dt_item_icon:before { content: ""; position: absolute; inset: -1.5rem; background-color: var(--dt-sec-color); z-index: -1; border-radius: inherit; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; opacity: 0.2; } .dt_service.dt_service--thirteen .dt_item_holder .dt_item_title a { text-decoration: none; } .dt_service.dt_service--thirteen .dt_item_holder .dt_item_content, .dt_service.dt_service--thirteen .dt_item_holder .dt_item_title a, .dt_service.dt_service--thirteen .dt_item_holder .dt_item_title { color: var(--dt-sec-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .dt_service.dt_service--thirteen .dt_item_inner:focus-within .dt_item_holder .dt_item_content, .dt_service.dt_service--thirteen .dt_item_inner:focus-within .dt_item_holder .dt_item_title a, .dt_service.dt_service--thirteen .dt_item_inner:focus-within .dt_item_holder .dt_item_title, .dt_service.dt_service--thirteen .dt_item_inner:hover .dt_item_holder .dt_item_content, .dt_service.dt_service--thirteen .dt_item_inner:hover .dt_item_holder .dt_item_title a, .dt_service.dt_service--thirteen .dt_item_inner:hover .dt_item_holder .dt_item_title { color: #fff; } .dt_service.dt_service--thirteen .dt_item_holder .dt-btn-plustext { display: inline-block; padding: 1.121rem 2.4rem; border-radius: 10rem; background-color: var(--dt-pri-color); color: #fff; text-decoration: none; font-weight: 500; text-transform: capitalize; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .dt_service.dt_service--thirteen .dt_item_inner:hover .dt_item_holder .dt-btn-plustext, .dt_service.dt_service--thirteen .dt_item_inner:focus-within .dt_item_holder .dt-btn-plustext { background-color: var(--dt-sec-color); color: #fff; } .dt_service.dt_service--thirteen .dt_item_inner .dt_item_image { position: absolute; top: 0; left: 0; width: 100%; height: 0%; z-index: -1; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%); } .dt_service.dt_service--thirteen .dt_item_inner:focus-within .dt_item_image, .dt_service.dt_service--thirteen .dt_item_inner:hover .dt_item_image { opacity: 1; visibility: visible; height: 100%; } .dt_service.dt_service--thirteen .dt_item_inner .dt_item_image img { width: 100%; height: 100%; object-fit: cover; } .dt_service.dt_service--thirteen .dt_item_inner .dt_item_image::before { content: ""; position: absolute; inset: 0; background: var(--dt-pri-color); opacity: 0.9; } .dt_service.dt_service--thirteen .dt_item_inner .dt_item_image::after { content: ""; position: absolute; bottom: 0; left: 0; background: var(--dt-whi-color); z-index: 0; width: 23.8rem; height: 19.8rem; opacity: 0; -webkit-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out; } .dt_service.dt_service--thirteen .dt_item_inner:focus-within .dt_item_image::after, .dt_service.dt_service--thirteen .dt_item_inner:hover .dt_item_image::after { -webkit-transform: rotate(36.66deg); transform: rotate(36.66deg); opacity: 0.15; left: -10rem; } .dt_service.dt_service--thirteen .ripple-shape { position: absolute; top: 4rem; right: -2rem; --circle-size: 6rem; --border-color: #F7F7F7; height: var(--circle-size); width: var(--circle-size); } .ripple-1, .ripple-2, .ripple-3, .ripple-4, .ripple-5, .ripple-6 { --duration: 6s; height: var(--circle-size); width: var(--circle-size); position: absolute; inset: 0; background-color: transparent; border: 1px solid var(--border-color); border-radius: 50%; -webkit-animation: rippleShape var(--duration) linear infinite; animation: rippleShape var(--duration) linear infinite; } .ripple-1 { -webkit-animation-delay: 0; animation-delay: 0; } .ripple-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .ripple-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } .ripple-4 { -webkit-animation-delay: 3s; animation-delay: 3s; } .ripple-4 { -webkit-animation-delay: 4s; animation-delay: 4s; } .ripple-5 { -webkit-animation-delay: 5s; animation-delay: 5s; } .ripple-6 { -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes rippleShape { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { opacity: 0; -webkit-transform: scale(4); transform: scale(4); } } @keyframes rippleShape { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { opacity: 0; -webkit-transform: scale(4); transform: scale(4); } } /* Service Fourteen */ .dt_service.dt_service--fourteen .dt_item_inner { position: relative; text-align: center; background-color: var(--dt-whi-color); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08); overflow: hidden; padding: 3.5rem 2.5rem; } .dt_service.dt_service--fourteen .dt_item_inner .dt_item_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; transform: scale(0.5, 1); transition: all 500ms ease 0s; } .dt_service.dt_service--fourteen .dt_item_inner:focus-within .dt_item_image, .dt_service.dt_service--fourteen .dt_item_inner:hover .dt_item_image { opacity: 1; visibility: visible; transform: scale(1, 1); } .dt_service.dt_service--fourteen .dt_item_inner .dt_item_image::before { content: ""; position: absolute; inset: 0; opacity: 0.9; background-color: var(--dt-sec-color); } .dt_service.dt_service--fourteen .dt_item_inner .dt_item_image img { height: 100%; object-fit: cover; } .dt_service.dt_service--fourteen .dt_item_inner .dt_item_icon { position: relative; width: 10rem; height: 10rem; line-height: 10rem; color: var(--dt-pri-color); font-size: 5rem; background: var(--dt-whi-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; margin: 0 auto 3rem auto; border-radius: 10rem; transition: all 500ms ease 0s; } .dt_service.dt_service--fourteen .dt_item_inner:hover .dt_item_icon { color: var(--dt-whi-color); transform: rotateY(180deg); transition-delay: 300ms; background: var(--dt-pri-color); } .dt_service.dt_service--fourteen .dt_item_inner .dt_item_title, .dt_service.dt_service--fourteen .dt_item_inner .dt_item_title a { text-decoration: none; color: var(--dt-sec-color); } .dt_service.dt_service--fourteen .dt_item_inner .dt_item_content { padding-bottom: 0.5rem; } .dt_service.dt_service--fourteen .dt_item_inner .dt_item_content, .dt_service.dt_service--fourteen .dt_item_inner .dt_item_title, .dt_service.dt_service--fourteen .dt_item_inner .dt_item_title a { transition: all 500ms ease 0s; } .dt_service.dt_service--fourteen .dt_item_inner:hover .dt_item_content, .dt_service.dt_service--fourteen .dt_item_inner:hover .dt_item_title, .dt_service.dt_service--fourteen .dt_item_inner:hover .dt_item_title a { color: #fff; } .wc-block-components-totals-item { color: var(--dt-sec-color); font-weight: 700; } .wc-block-components-product-price__value { color: var(--dt-pri-color); font-weight: 600; } div.wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__totals-title { color: var(--dt-sec-color); font-weight: 700; font-size: 24px; } .wp-block-latest-posts__list .wp-block-latest-posts__post-author, .wp-block-latest-posts__list .wp-block-latest-posts__post-date { text-decoration: none; font-weight: 500; font-size: 1.5rem; color: var(--dt-sec-color); } .wc-block-cart-items th { color: var(--dt-sec-color); } .wc-block-components-product-badge { background: var(--dt-pri-color); color: var(--dt-whi-color); } .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { background-color: var(--dt-pri-color); color: #fff; } div.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { background: var(--dt-pri-color); color: #fff; } .wc-block-featured-category__link .wp-block-button__link:hover, .wc-block-featured-category__link .wp-block-button__link:focus { color: #fff; } nav.woocommerce-breadcrumb a { text-decoration: none; } .wc-block-featured-product__price .woocommerce-Price-amount.amount { color: #fff; } .wc-block-featured-product__link a:hover, .wc-block-featured-product__link a:focus { color: #fff; } .wp-block-table figcaption { text-align: center; } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { color: #fff; }