/*
Theme Name: Qwery Child Theme
Template: qwery
Theme URI: https://qwery.ancorathemes.com/
Description: Qwery Child Theme
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.4
Tested up to: 6.6
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: qwery
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.item-bg-color {
    background-color: var(--theme-color-bg_color);
}
.item-bg-alter-color {
    background-color: var(--theme-color-alter_bg_color);
}

a.underline_anim {
    font-weight: 400;
    color: var(--theme-color-text_dark) !important;
}

#panelMenuMode.sc_layouts_panel_top {
    width: 85%;
    top: 0;
    right: 30px;
    left: auto;
    border: 1px solid var(--theme-color-bd_color);
}
#panelMenuMode.sc_layouts_panel_top.sc_layouts_panel_opened {
    top: calc(var(--fixed-rows-height) + 30px);
}
#panelMenuMode.sc_layouts_panel_top .sc_layouts_panel_inner > .sc_layouts_panel_close {
    display: none;
}
#panelMenuMode.sc_layouts_panel_top .sc_layouts_panel_inner .trx_addons_button_close {
    position: relative;
    top: 0;
    right: 0;
    background-color: transparent;
    width: 15px;
    height: 15px;
    line-height: 1;
}

#panelMenuMode.sc_layouts_panel_top .sc_layouts_panel_inner .trx_addons_button_close  .trx_addons_button_close_icon {
    font-size: 18px;
    font-weight: 700;
}
#panelMenuMode.sc_layouts_panel_top .sc_layouts_panel_inner .trx_addons_button_close  .trx_addons_button_close_icon {
	font-size: 18px;
	font-weight: 700;	
}

#panelMenuMode a {
  color: var(--theme-color-text_dark);
}
#panelMenuMode a:hover {
  color: var(--theme-color-text_link);
}
#panelMenuMode .elementor-icon-list-items > li,
#panelMenuMode .sc_layouts_menu > ul > li {
  animation-delay: 0.5s;
  visibility: hidden;
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(1),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(1) {
  animation-delay: calc(0.5s + 0.1s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(2),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(2) {
  animation-delay: calc(0.5s + 0.2s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(3),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(3) {
  animation-delay: calc(0.5s + 0.3s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(4),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(4) {
  animation-delay: calc(0.5s + 0.4s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(5),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(5) {
  animation-delay: calc(0.5s + 0.5s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(6),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(6) {
  animation-delay: calc(0.5s + 0.6s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(7),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(7) {
  animation-delay: calc(0.5s + 0.7s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(8),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(8) {
  animation-delay: calc(0.5s + 0.8s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(9),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(9) {
  animation-delay: calc(0.5s + 0.9s);
}
#panelMenuMode .elementor-icon-list-items > li:nth-child(10),
#panelMenuMode .sc_layouts_menu > ul > li:nth-child(10) {
  animation-delay: calc(0.5s + 1s);
}
#panelMenuMode .sc_layouts_menu > ul > li > a {
  padding: 7px 0;
  color: var(--theme-color-text_dark) !important;
}
#panelMenuMode .sc_layouts_menu > ul > li > a:hover {
  color: var(--theme-color-text_link) !important;
}
#panelMenuMode.sc_layouts_panel_opened .elementor-icon-list-items > li,
#panelMenuMode.sc_layouts_panel_opened .sc_layouts_menu > ul > li {
  animation-name: fadeInAnim;
  animation-duration: 0.6s;
  animation-fill-mode: both;
  visibility: visible;
}

#panelMenuMode:not(.sc_layouts_panel_opened) {
	pointer-events: none;
}
#panelMenuMode.sc_layouts_panel_top {
    height: auto !important;
}
.custom-arrow-nav .swiper .elementor-swiper-button {
    border: 2px solid;
    border-radius: 50%;
    padding: 10px;
}

@media(min-width: 1280px) {
	.custom-arrow-nav .swiper .elementor-swiper-button svg {
		height: 2em;
		width: 2em;
	} 
    .custom-arrow-nav .swiper .elementor-swiper-button-prev {
      left: -27px;
    }
    
    .custom-arrow-nav .swiper .elementor-swiper-button-next {
        right: -27px;
    }
}

.menu-center .sc_layouts_menu_nav {
    text-align: center;
    border-radius: 10px;
    border: 1px solid #B9B9B9;
    padding: 12px 21px !important;
}

.menu-item-big a {
    font-size: 19px;
    text-decoration: underline !important;
    margin-bottom: 15px;
}

.menu_main_nav_area>ul, .sc_layouts_menu_nav,
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav {
    font-size: 15px;
    line-height: 1.5em;
}
.menu_main_nav_area>ul, .sc_layouts_menu_nav a,
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav a {
     font-weight: 700 !important;
}

.sc_layouts_dark_light_default {
    width: 65px;
    height: 30px;
    margin: auto;
}

.sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_popup .sc_layouts_menu_nav > li > ul, .sc_layouts_menu_nav > li > ul ul, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) {
    border: 1px solid var(--theme-color-bd_color);
    border-radius: 10px;
    background-color: var(--theme-color-bg_color);
    box-shadow: none;
    text-align: center;
}

.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a,
.sc_layouts_menu_nav > li li > a {
    color: var(--theme-color-text_dark) !important;
}

.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_nav > li li > a:hover {
    color: var(--theme-color-text_link) !important;
}

.menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse) > a > span:after {
    background-color: var(--theme-color-text_dark);
}

@media(max-width: 767px) {
    .custom-icon-box .elementor-icon-box-title {
        margin-top: 10px;
    }
}