/* Theme Name: Avvy Text Domain: avvy Template: atua Version: 0.2 Tested up to: 6.1 Requires at least: 4.7 Requires PHP: 5.6 Author: DesertThemes Author URI: https://desertthemes.com/ Theme URI: https://desertthemes.com/themes/avvy-free/ Description: Avvy 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. Avvy supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more. Avvy Pro demo https://preview.desertthemes.com/pro/avvy/ 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-base-color: #3a4268; --dt-pri-color: #00C6FB; --dt-priTwo-color: #005BEA; --dt-sec-color: #082680; --dt-priGrd-color: linear-gradient(-137deg, var(--dt-pri-color) 0%, var(--dt-priTwo-color) 100%); --dt-priGrdRev-color: linear-gradient(-137deg, var(--dt-priTwo-color) 0%, var(--dt-pri-color) 100%); } html { font-weight: 500; } body .search--header .dt_search-form, body input[type="text"], body input[type="email"], body input[type="url"], body input[type="password"], body input[type="search"], body input[type="number"], body input[type="tel"], body input[type="range"], body input[type="date"], body input[type="month"], body input[type="week"], body input[type="time"], body input[type="datetime"], body input[type="datetime-local"], body input[type="color"], body textarea, body button[type=submit], body button, body input[type='button'], body input[type='reset'], body input[type='submit'], body .dt-btn, body .button:not(.add_to_cart_button) { border-radius: 0; } .widget_social li a:focus, .widget_social li a:hover { box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2); } .dt_header .dt-col-5.dt-my-auto { -ms-flex: 0 0 40.165%; flex: 0 0 40.165%; max-width: 40.165%; } .header--six .dt_header-topbar { background: var(--dt-sec-color); color: var(--dt-whi-color); } .header--six .dt_header-topbar p a { color: var(--dt-pri-color); } .header--six .dt_navbar-right .dt_navbar-list-right { justify-content: flex-end; margin-right: -1.8rem; } .header--six .dt_navbar-right .dt_navbar-list-right > li { margin-right: 1.8rem; } .header--six .dt_navbar-right .dt_navbar-list-right .dt_navbar-blank-tag { display: none; } .header--six .dt__logobar { z-index: 1; } .header--six .dt__logobar .dt-row { min-height: 9rem; align-items: center; } .header--six .dt__logobar .site--logo { text-align: center; } .header--six .dt__logobar .site--logo a { display: inline-block; } .header--six .dt__logobar .dt_navbar-cart-item .dt_navbar-cart-icon, .header--six .dt__logobar button.dt_navbar-search-toggle { width: 4.9rem; height: 4.9rem; background: var(--dt-sec-color); color: var(--dt-whi-color); border-radius: 50%; } .header--six .dt__logobar .dt_navbar-cart-item .dt_navbar-cart-icon:hover, .header--six .dt__logobar .dt_navbar-cart-item .dt_navbar-cart-icon:focus, .header--six .dt__logobar button.dt_navbar-search-toggle:hover, .header--six .dt__logobar button.dt_navbar-search-toggle:focus { color: var(--dt-pri-color); } .header--six .dt__logobar .dt_navbar-cart-item .dt_navbar-cart-icon { vertical-align: middle; padding: 1rem; } .header--six .dt__logobar .dt_navbar-cart-item .cart-count { top: 1.7rem; left: 2.1rem; } @media (min-width: 62em) { .header--six .dt_navbar-wrapper.is--sticky.on { background: var(--dt-sec-color); color: var(--dt-whi-color); box-shadow: none; } .header--six .dt_navbar { position: relative; background: var(--dt-sec-color); color: var(--dt-whi-color); z-index: 0; } .header--six .dt_navbar:after { content: ""; display: block; position: absolute; right: 4rem; bottom: -0.5rem; left: 4rem; height: 0.5rem; z-index: -1; background: var(--dt-pri-color); } } .header--six .dt_navbar .dt_navbar-menu { position: relative; justify-content: center; min-height: 6rem; } .header--six .dt_navbar .dt_navbar-menu .dt_navbar-nav { text-align: center; } .header--six .dt_navbar .dt_navbar-menu .dt_navbar-nav .dt_navbar-mainmenu > li > a { line-height: 6rem; } /* Menu Active Five */ .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li { margin: 0 -0.25rem; } .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a { margin: 0; padding: 0 1.6rem; } .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.menu-item-has-children > a { padding-right: 3.2rem; } .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.menu-item-has-children > a:after { right: 1.5rem; } .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.active > a, .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.focus > a, .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li:hover > a { color: var(--dt-whi-color); } .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a:before { content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background: var(--dt-pri-color); z-index: -1; opacity: 0; -webkit-transition: var(--dt-transition); transition: var(--dt-transition); } .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.active > a:before, .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.focus > a:before, .menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li:hover > a:before { opacity: 1; height: 100%; } /* Slider */ .dt_slider-carousel.owl-carousel .owl-nav button:hover { background: var(--dt-priTwo-color); } .dt_slider-carousel.owl-carousel .owl-nav button.owl-prev:hover:before, .dt_slider-carousel.owl-carousel .owl-nav button.owl-next:hover:before { background: var(--dt-whi-color); } .dt_slider-carousel.owl-carousel .owl-nav button.owl-next:hover:after { border-right-color: var(--dt-whi-color); border-top-color: var(--dt-whi-color); } .dt_slider-carousel.owl-carousel .owl-nav button.owl-prev:hover:after { border-left-color: var(--dt-whi-color); border-bottom-color: var(--dt-whi-color); } /* Service Seven */ .dt_slider + .dt_service { padding-top: 0; padding-bottom: 0; margin-top: -6.5rem; } .dt_service--seven .dt_item_inner { position: relative; overflow: hidden; text-align: center; border-radius: 0.7rem; } .dt_service--seven .dt_item_inner .dt_item_main { position: relative; } .dt_service--seven .dt_item_inner .dt_item_main::before { opacity: 0.3; } .dt_service--seven .dt_item_inner .dt_item_main .dt_item_image img { min-height: 32rem; object-fit: cover; } .dt_service--seven .dt_item_inner .dt_item_main .dt_item_main_inner { position: absolute; bottom: 0; width: 100%; padding: 2.5rem 1.5rem 2.4rem; color: var(--dt-whi-color); background: var(--dt-pri-color); -webkit-transition: var(--dt-transition); transition: var(--dt-transition); } .dt_service--seven .dt_item_inner:hover .dt_item_main .dt_item_main_inner, .dt_service--seven .dt_item_inner:focus-within .dt_item_main .dt_item_main_inner { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; transform-origin: bottom center; -webkit-transform-origin: bottom center; } .dt_service--seven .dt_item_inner .dt_item_main .dt_item_main_inner .dt_item_icon { position: absolute; top: -7.8rem; left: 50%; transform: translate(-50%); display: inline-block; width: 9rem; height: 9rem; color: var(--dt-pri-color); background: var(--dt-whi-color); line-height: 9rem; font-size: 4.5rem; border-radius: 50%; box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.15); } .dt_service--seven .dt_item_inner .dt_item_main .dt_item_main_inner .dt_item_title { margin-bottom: 0; } .dt_service--seven .dt_item_inner .dt_item_holder { display: block; position: absolute; top: 0; left: 1rem; right: 1rem; bottom: 1rem; overflow-y: auto; padding: 3rem 1.5rem 2rem; color: var(--dt-whi-color); -webkit-transition: var(--dt-transition); transition: var(--dt-transition); -webkit-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; } .dt_service--seven .dt_item_inner .dt_item_main::before, .dt_service--seven .dt_item_inner .dt_item_holder::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dt-sec-color); } .dt_service--seven .dt_item_inner .dt_item_holder::before { z-index: -1; opacity: 0.89; border-radius: 0.7rem; } .dt_service--seven .dt_item_inner:hover .dt_item_holder, .dt_service--seven .dt_item_inner:focus-within .dt_item_holder { top: 1rem; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .dt_service--seven .dt_item_inner .dt_item_holder .dt_item_icon { font-size: 5.5rem; margin-bottom: 1.5rem; line-height: 1; } .dt_service--seven .dt_item_inner .dt_item_title { font-size: 2.2rem; color: inherit; margin-bottom: 1.2rem; } .dt_service--seven .dt_item_inner .dt_item_title a { color: inherit; text-decoration: none; } .dt_service--seven .dt_item_inner .dt_item_readmore { margin-top: 1.9rem; } .dt_service--seven .dt_item_inner .dt_item_readmore .dt-btn-plustext { display: inline-block; height: 4.5rem; width: 4.5rem; line-height: 4.5rem; font-size: 2rem; text-align: center; border-radius: 50%; background: var(--dt-whi-color); color: var(--dt-sec-color); text-decoration: none; } .dt_service--seven .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover, .dt_service--seven .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus-within { box-shadow: 0 0.75rem 2rem rgba(0,0,0,0.2); } .dt_service--seven .dt_item_inner .dt_item_readmore .dt-btn-plustext:before { font-family: 'Font Awesome 6 Free'; content: '\f105'; font-weight: 600; display: inline-block; -webkit-transition: var(--dt-transition); transition: var(--dt-transition); } .dt_service--seven .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover:before, .dt_service--seven .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus:before { transform: rotate(360deg); } .dt_service--seven .dt_item_inner .dt_item_readmore .dt-btn-plustext span { display: none; } /* Service Four */ .dt_service--four .dt_item_inner { background-color: var(--dt-whi-color); position: relative; z-index: 0; text-align: center; } .dt_service--four .dt_item_inner .dt_item_holder { padding: 4.5rem 3rem 4.5rem; position: relative; } .dt_service--four .dt_item_inner .dt_item_holder:after { content: ''; position: absolute; top: 1rem; left: 1rem; right: 1rem; bottom: 1rem; border: 0.2rem dashed var(--dt-pri-color); z-index: -1; } .dt_service--four .dt_item_inner .dt_item_icon { color: var(--dt-pri-color); position: relative; z-index: 1; text-align: center; font-size: 5.6rem; line-height: 9rem; margin-bottom: 2rem; display: flex; align-items: center; justify-content: center; } .dt_service--four .dt_item_inner .dt_item_title { margin-bottom: 1.2rem; line-height: 1.4; } .dt_service--four .dt_item_inner .dt_item_title a { color: inherit; text-decoration: none; } .dt_service--four .dt_item_inner .dt_item_content { font-size: 1.7rem; margin-top: 0; color: var(--dt-base-color); -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1); transition: all .25s cubic-bezier(.645,.045,.355,1); } .dt_service--four .dt_item_inner .dt_item_hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: flex; flex-direction: column; justify-content: center; -webkit-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; padding: 3rem 3rem 3.5rem; -webkit-transition: .3s cubic-bezier(.24,.74,.58,1); transition: .3s cubic-bezier(.24,.74,.58,1); } .dt_service--four .dt_item_inner:hover .dt_item_hover, .dt_service--four .dt_item_inner:focus-within .dt_item_hover { -webkit-transform: scaleY(1); transform: scaleY(1); } .dt_service--four .dt_item_inner .dt_item_hover:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dt-sec-color); opacity: 0.6; z-index: -1; } .dt_service--four .dt_item_inner .dt_item_hover:after { content: ''; position: absolute; top: 1rem; left: 1rem; right: 1rem; bottom: 1rem; border: 0.2rem dashed rgba(189, 189, 189, 0.8); z-index: -1; } .dt_service--four .dt_item_inner .dt_item_hover .dt_item_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; } .dt_service--four .dt_item_inner .dt_item_hover .dt_item_image img { height: 100%; object-fit: cover; } .dt_service--four .dt_item_inner .dt_item_hover .dt_item_icon, .dt_service--four .dt_item_inner .dt_item_hover .dt_item_title { color: var(--dt-whi-color); } /* Gradient */ .dt_gcolor .dt_service--four .dt_item_inner .dt_item_icon i, .dt_gcolor .dt_image_block .dt_image_box .video-inner .dt-btn-play i, .dt_gcolor .dt_service--seven .dt_item_inner .dt_item_main .dt_item_main_inner .dt_item_icon i { color: transparent; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; background: var(--dt-priGrd-color); } .dt_gcolor .dt_service--seven .dt_item_inner .dt_item_main .dt_item_main_inner, .dt_gcolor .header--six .dt_navbar:after, .dt_gcolor.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a:before { background: var(--dt-priGrd-color); } .dt_gcolor .dt_footer_copyright .widget_nav_menu .sub-menu, .dt_gcolor .dt_footer .dt_navbar-mainmenu .dropdown-menu, .dt_gcolor .dt_navbar-cart-item .dt_navbar-shopcart, .dt_gcolor .dt_header .widget_nav_menu .sub-menu, .dt_gcolor .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu { border-image-slice: 1; border-image-source: var(--dt-priGrdRev-color); } .dt_gcolor .dt_header .widget_nav_menu .menu-item > .sub-menu:after, .dt_gcolor .dt_navbar-nav .dt_navbar-mainmenu > .menu-item > .dropdown-menu:after { display: none; }