/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

.main-menu .sub-menu, .header-dropdown {
    min-width: 350px;
}

.main-menu .sub-menu > .menu-item a, .user-dropdown a, .more-col .menu a, .collapse-footer-menu a, .elementor-widget-container .menu a {
    font-size: calc(var(--submenu-fsize) + 1px);
}

.header-social-icon .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon.elementor-social-icon {
    font-size: 16px;
}

.left-icon {
    position: relative;
    top: 5px;
}

.no-padding {
    padding: 0;
    margin: 0;
}

.title-with-line {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    white-space: nowrap;
}

.title-with-line::after {
    content: "";
    width: 100%;
    height: 2px;
    background: var( --e-global-color-92e8099 );
}

.focus-icon::after{
    content:"";
    position:absolute;
    left:50%;
    top:100%;
    transform:translateX(-50%);
    height:70px; /* icon vachche nu gap */
    border-left:2px dashed var( --e-global-color-92e8099 );
}

.energy-chart-wrapper{
		width:100%;
	}

	.chart-area{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:40px;
		width:100%;
	}

	.chart-box{
		width:60%;
		position:relative;
	}

	.chart-box canvas{
		width:100% !important;
		height:100% !important;
		display:block;
	}

	.chart-legend{
		width:40%;
	}

	.chart-legend div{
		display:flex;
		align-items:center;
		margin-bottom:20px;
		font-size:16px;
		font-weight:500;
		color:#fff;
        font-family: var(--h3-family);
	}

	.chart-legend span{
		width:18px;
		height:18px;
		border-radius:50%;
		margin-right:12px;
		display:inline-block;
		flex-shrink:0;
	}

	.c1{
		background:#f51416;
	}

	.c2{
		background:#F2B90F;
	}

	.c3{
		background:#A06A2B;
	}

	.c4{
		background:#D8A928;
	}

	.c5{
		background:#7B3FB8;
	}

	@media(max-width:991px){

		.energy-chart-wrapper{
			height:auto;
		}

		.chart-area{
			flex-direction:column;
		}

		.chart-box{
			width:100%;
			height:400px;
		}

		.chart-legend{
			width:100%;
		}

	}

    .counter-icon {
        border:1px solid rgba(255,255,255,0.15);

        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);

        box-shadow:
            0 10px 30px rgba(0,0,0,0.25),
            inset 0 1px 1px rgba(255,255,255,0.15);

        position:relative;
    }

    .advertise-hero .elementor-shape.elementor-shape-bottom svg path {
        fill: #F5F5F5;
    }

	.advertise-hero-white .elementor-shape.elementor-shape-bottom svg path  {
		fill: #FFF;
	}

	.margin-auto {
		margin: auto !important;
	}

	.platform-height {
		height: 100%;
	}

	.single-standard-1:not(.single-standard-11) .s-feat .featured-lightbox-trigger img {
		width: 100%;
	}