/* Theme Name: Anavo Theme URI: https://speciatheme.com/anavo-free/ Author: Specia Author URI: https://speciatheme.com/ Description: Anavo is a trending WordPress theme with lots of powerful features, instantly giving a professional look to your online presence. Anavo comes with everything you could ever need to build an amazing website, and it’s perfect for any type of business! View the demo of Anavo Premium https://demo.speciatheme.com/pro/anavo Template: specia Version: 0.4 Tested up to: 6.8 Requires PHP: 5.6 Requires at least: 4.7 License: GPLv3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: anavo Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, portfolio, editor-style, grid-layout 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. */ /**************** Header *****************/ .transparent { background: transparent; } .trapezoid, .nav-anavo .widget-square.widget_social_widget ul li a { position: relative; height: 100%; background: inherit; } .anavo_theme .bt-primary.btn-trapezoid { overflow: unset; border: 0 !important; padding: 15px 20px !important; padding-right: 8px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn-trapezoid:after { content: ""; position: absolute; top: 0; right: -16px; width: 25px; height: 100%; z-index: -1; background: inherit; transform: skewX(-14deg); transform-origin: left; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 5px 2px 8px -1px rgb(29 29 29 / 10%); } .anavo_theme .bt-primary.btn-trapezoid, .anavo_theme .bt-primary.bg-white.btn-trapezoid:hover, .anavo_theme .bt-primary.bg-white.btn-trapezoid:hover, .anavo_theme .bt-primary.bg-white.btn-trapezoid.active { color: #FFFFFF; } .anavo_theme .portfolio-tab-sorting .bt-primary.btn-trapezoid { margin-right: 8px; } .anavo_theme .bt-primary.bg-white.btn-trapezoid { background: #FFFFFF; } .trapezoid:before, .trapezoid:after, .nav-anavo .widget-square.widget_social_widget ul li a:before, .nav-anavo .widget-square.widget_social_widget ul li a:after, .slider-section-anavo .owl-carousel .owl-dots .owl-dot::before, .slider-section-anavo .owl-carousel .owl-dots .owl-dot::after, .slider-section-anavo .owl-carousel.arrows-small .owl-nav [class*=owl-]::before, .slider-section-anavo .owl-carousel.arrows-small .owl-nav [class*=owl-]::after { content: ' '; display: block; width: 10px; height: 100%; position: absolute; top: 0; background: inherit; border-radius: 4px; z-index: -1; } .trapezoid:before, .nav-anavo .widget-square.widget_social_widget ul li a:before, .slider-section-anavo .owl-carousel .owl-dots .owl-dot::before, .slider-section-anavo .owl-carousel.arrows-small .owl-nav [class*=owl-]::before { left: -5px; transform: skew(10deg); border-top-right-radius: 0; } .trapezoid:after, .nav-anavo .widget-square.widget_social_widget ul li a:after, .slider-section-anavo .owl-carousel .owl-dots .owl-dot::after, .slider-section-anavo .owl-carousel.arrows-small .owl-nav [class*=owl-]::after { right: -5px; transform: skew(-10deg); border-top-left-radius: 0; } .nav-anavo .widget-square.widget_social_widget ul li { padding: 4px 12px; } .nav-anavo .widget-square.widget_social_widget ul li a { background: #FFFFFF; box-shadow: none !important; border: none; width: 24px; font-size: 16px; } .nav-anavo .widget-square.widget_social_widget ul li a:hover i, .nav-anavo .widget-square.widget_social_widget ul li a:focus i { color: #FFFFFF; } .nav-anavo .widget-square.widget_social_widget ul li a:before, .nav-anavo .widget-square.widget_social_widget ul li a:after { margin: 0; padding: 0; opacity: 1; border: 0; visibility: visible; border-bottom-color: transparent } .nav-anavo .widget-square.widget_social_widget ul li a:after { left: unset; box-shadow: none; } .nav-anavo .header-top-info { position: relative; z-index: 0; border-bottom: 0; padding: 10px 0; } .anavo_theme:has(.site-content section:first-child.slider-section-anavo) .nav-anavo .header-top-info { background: transparent; } #header-top-left .widget { line-height: 30px; } .nav-anavo .widget.widget_info:not(:last-child) { border-right: 1px solid #e5e5e566; } .nav-anavo .header-widget-info { border: none; } .nav-anavo .navigator-wrapper .header-wrapper { background-color: #FFFFFF; margin: 0 40px; z-index: 0; box-shadow: 0 0 15px -4px rgb(0 0 0 / 20%); } .nav-anavo .navigator-wrapper .header-wrapper.trapezoid::before, .nav-anavo .navigator-wrapper .header-wrapper.trapezoid::after { width: 45px; border-radius: 30px; } .nav-anavo .navigator-wrapper .header-wrapper.trapezoid::before { left: -30px; transform: skew(14deg); border-top-right-radius: 0; box-shadow: -10px 0 10px -10px rgb(0 0 0 / 10%); } .nav-anavo .navigator-wrapper .header-wrapper.trapezoid::after { right: -30px; transform: skew(-14deg); border-top-left-radius: 0; box-shadow: 10px 0 10px -10px rgb(0 0 0 / 10%); } .nav-anavo .navigation:not(.pagination) { padding: 0; box-shadow: none; } .nav-anavo .header-wrapper .theme-menu { align-self: center; } .nav-anavo .menubar .menu-wrap>li>a { font-weight: 600; } .nav-anavo .header-search-toggle, .nav-anavo .cart-icon-wrap #cart { box-shadow: 0 0 10px 4px rgb(0 0 0 / 8%); border-radius: 50%; color: #FFFFFF; } .nav-anavo .cart-icon-wrap #cart i { color: #FFFFFF; } .nav-anavo .menu-right li.cart-wrapper { margin-left: 10px; } @media (min-width: 992px) { .nav-anavo.transparent { position: absolute; width: 100%; top: 0; left: 0; } .nav-anavo #header-top-left .widget_info a span { color: #FFFFFF; } } body.header-search-active .header.nav-anavo { z-index: 1; } body.header-search-active .nav-anavo .navigator-wrapper .sticky-nav, body.header-menu-active .nav-anavo .navigator-wrapper .sticky-nav { animation-fill-mode: none; will-change: auto; } .nav-anavo .header .widget span, .nav-anavo .header-widget .widget:not(.widget_social_widget):not(.widget_menu_top):not(.widget_contact) i { font-size: 16px; } .nav-anavo .header-widget .widget:not(:first-child) { margin-left: 10px; } /**** Slider ****/ .slider-section-anavo .specia-slider .specia-content { background-color: rgb(34 34 34 / 0.75); padding: 30px 25px; border-radius: 25px; } .slider-section-anavo .specia-slider .specia-content.trapezoid::after, .slider-section-anavo .specia-slider .specia-content.trapezoid::before { width: 8%; border-radius: 25px; } .slider-section-anavo .specia-slider .specia-content.trapezoid::before { left: -8%; transform: unset; border-top-right-radius: 0; clip-path: polygon(100% 0, 0 0, 100% 95%); } .slider-section-anavo .specia-slider .specia-content.trapezoid::after { right: -8%; transform: unset; border-top-left-radius: 0; clip-path: polygon(100% 0, 0 0, 0 95%); } .slider-section-anavo .specia-slider.text-left .specia-content::before, .slider-section-anavo .specia-slider.text-right .specia-content::after { content: unset; } .slider-section-anavo .specia-slider.text-center .specia-content { border-top-left-radius: 0; border-top-right-radius: 0; padding-left: 10px; padding-right: 10px; } .slider-section-anavo .specia-slider.text-left .specia-content { padding-right: 10px; border-top-right-radius: 0; } .slider-section-anavo .specia-slider.text-right .specia-content { padding-left: 10px; border-top-left-radius: 0; } .slider-section-anavo .specia-slider .specia-content a:not(:last-child) { margin-right: 25px; } .slider-section-anavo .specia-slider .specia-content a { font-weight: 600; } .slider-section-anavo .owl-carousel.arrows-small .owl-nav [class*=owl-] { width: 30px; border: 0; background: #FFFFFF; } .slider-section-anavo .owl-dots { position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; z-index: 0; } .slider-section-anavo .owl-carousel .owl-dots .owl-dot { position: relative; margin: 0 10px; width: 6px; height: 15px; line-height: 8px; transition: 0.3s ease; } .slider-section-anavo .owl-carousel .owl-dots .owl-dot::before, .slider-section-anavo .owl-carousel .owl-dots .owl-dot::after { border-radius: 2px; } .slider-section-anavo .owl-carousel .owl-dots .owl-dot span { width: 5px; height: 5px; margin: 0; border-radius: 5px; transition: 0.3s ease; } .slider-section-anavo .owl-carousel .owl-dots .owl-dot:hover, .slider-section-anavo .owl-carousel .owl-dots .owl-dot:focus-within, .slider-section-anavo .owl-carousel .owl-dots .owl-dot.active, .slider-section-anavo .specia-slider .specia-content a.btn-bg-white { background: #FFFFFF; } .slider-section-anavo .owl-carousel.arrows-transparent .owl-nav [class*=owl-]:hover i, .slider-section-anavo .owl-carousel.arrows-transparent .owl-nav [class*=owl-]:focus-within i { color: #ffffff; } .slider-section-anavo:has(+ .clearfix + .call-to-action-anavo) .main-slider-anavo .owl-dots { bottom: 150px; } .slider-section-anavo .specia-content { max-width: 666px; } #slider-section+.clearfix+.call-to-action-anavo { margin-top: -130px; padding: 0; } .slider-section-anavo .specia-content h1 span { color: #ffffff; } /**** Call to Action ****/ .call-to-action-anavo { padding: 20px 0; } .call-to-action-anavo .call-action-box { background: #FFFFFF; padding: 10px 5px; z-index: 0; transition: 0.3s ease; box-shadow: 0 0 15px -4px rgb(0 0 0 / 20%); background-image: url(images/anavo-cta1.png); background-repeat: no-repeat !important; background-size: cover !important; } .call-to-action-anavo .call-action-box:hover, .call-to-action-anavo .call-action-box:focus-within { transform: scale(1.02); background-image: url(images/anavo-cta2.png) !important; } .call-to-action-anavo .call-action-box:hover .call-action-title a, .call-to-action-anavo .call-action-box:hover .call-action-icon-box, .call-to-action-anavo .call-action-box:hover .call-action-description p, .call-to-action-anavo .call-action-box:focus-within .call-action-title a, .call-to-action-anavo .call-action-box:focus-within .call-action-icon-box, .call-to-action-anavo .call-action-box:focus-within .call-action-description p { color: #FFFFFF; } .call-to-action-anavo .call-action-box.trapezoid::before, .call-to-action-anavo .call-action-box.trapezoid::after { width: 18px; border-radius: 6px; } .call-to-action-anavo .call-action-box.trapezoid::before { left: -10px; transform: skew(6deg); border-top-right-radius: 0; box-shadow: -10px 0 15px -4px rgb(0 0 0 / 10%); } .call-to-action-anavo .call-action-box.trapezoid::after { right: -10px; transform: skew(-6deg); border-top-left-radius: 0; box-shadow: 10px 0 15px -4px rgb(0 0 0 / 10%); } .call-to-action-anavo .row [class*=col-] { padding-right: 20px; padding-left: 20px; } .call-to-action-anavo .call-action-description p { margin-bottom: 2px; line-height: 1.2; font-size: 14px; transition: 0.3s ease; } .call-to-action-anavo .call-action-title a { font-size: 16px; font-weight: 700; transition: 0.3s ease; } .call-to-action-anavo .call-action-icon-box { width: 35px; height: 35px; margin-bottom: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 30px; transition: 0.3s ease; } @media (max-width: 1199px) { .slider-section-anavo:has(+ .clearfix + .call-to-action-anavo) .main-slider-anavo .owl-dots { bottom: 115px; } #slider-section+.clearfix+.call-to-action-anavo { margin-top: -110px; } .call-to-action-anavo .call-action-icon-box { width: 24px; height: 24px; margin-bottom: 2px; font-size: 20px; } .call-to-action-anavo .row { gap: 20px; } } @media only screen and (max-width: 991px) { #slider-section+.clearfix+.call-to-action-anavo { margin-top: 40px; } .slider-section-anavo:has(+ .clearfix + .call-to-action-anavo) .main-slider-anavo .owl-dots { bottom: 10px; } } /*================= ANAVO BREADCRUMB ================= */ @media (min-width:992px) { .nav-anavo~.breadcrumb .background-overlay { padding: 165px 0 0; } .anavo_theme .site-content>section:first-of-type { margin-top: 130px; } .anavo_theme .site-content>section.slider-section-anavo:first-of-type, .anavo_theme .breadcrumb+.clearfix+.site-content>section:first-of-type { margin-top: 0; } #cta-unique.three-block .col-lg-3 { width: 25%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .specia-content h1 { font-size: 35px; } } @media (max-width:767px) { .nav-anavo~.site-content .breadcrumb h2, .nav-anavo~.site-content .breadcrumb ul { padding: 0; } .slider-section-anavo .specia-content { width: 85%; } .slider-section-anavo .specia-slider .specia-content.trapezoid::before { left: -5%; clip-path: polygon(100% 0, 0 0, 100% 90%); } .slider-section-anavo .specia-slider .specia-content.trapezoid::after { right: -5%; clip-path: polygon(100% 0, 0 0, 0 90%); } .slider-section-anavo .specia-slider .specia-content.trapezoid::after, .slider-section-anavo .specia-slider .specia-content.trapezoid::before { width: 5%; } .slider-section-anavo .specia-slider .specia-content { padding: 20px 15px; border-radius: 15px; } .slider-section-anavo .specia-slider .specia-content a:not(:last-child) { margin-right: 20px; } .btn-trapezoid:after { border-radius: 6px; } .anavo_theme .bt-primary.btn-trapezoid { padding: 2px 10px !important; padding-right: 0px !important; } .specia-content h1 { font-size: 22px; line-height: 24px; margin-bottom: 4px; } .specia-content p { font-size: 13px; margin: 0 0 5px 0; line-height: 20px; } } /****** COLOR ******/ .anavo_theme .post .post_date h6{ color: #FFFFFF; } .anavo_theme .post .post_date, .slider-section-anavo .owl-carousel .owl-dots .owl-dot, .slider-section-anavo .owl-carousel .owl-dots .owl-dot:hover span, .slider-section-anavo .owl-carousel .owl-dots .owl-dot:focus-within span, .slider-section-anavo .owl-carousel .owl-dots .owl-dot.active span, .nav-anavo .widget-square.widget_social_widget ul li a:hover, .nav-anavo .widget-square.widget_social_widget ul li a:focus, .slider-section-anavo .owl-carousel.arrows-small .owl-nav [class*=owl-]:hover, .slider-section-anavo .owl-carousel.arrows-small .owl-nav [class*=owl-]:focus-within, .call-to-action-anavo .call-action-box:hover, .call-to-action-anavo .call-action-box:focus-within { background: #fe0000; } .nav-anavo p a, .anavo_theme section.footer-copyright p a, .nav-anavo .widget-square.widget_social_widget ul li a i, .nav-anavo .header-search-toggle:hover, .nav-anavo .header-search-toggle:focus, .nav-anavo .cart-icon-wrap #cart:hover i, .nav-anavo .cart-icon-wrap #cart:focus i, .call-to-action-anavo .call-action-title a, .call-to-action-anavo .call-action-icon-box, .features-version-one .feature-box-info h4, .slider-section-anavo .specia-content h1 span span, .slider-section-anavo .owl-carousel.arrows-transparent .owl-nav [class*=owl-] i { color: #fe0000; } .anavo_theme .nav-anavo .header-top-info, .nav-anavo .header-search-toggle, .nav-anavo .cart-icon-wrap #cart { background: #000000; }