/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.0
Text Domain: outgrid
*/

 /* Add your custom style here */

body[data-page-scrolled-down="true"] .elementor .elementor-element.mega-menu-bar-1 .unscrolled-logo,
body:not([data-page-scrolled-down="true"]) .elementor .elementor-element.mega-menu-bar-1 .scrolled-logo
{
	display: none;
}

body[data-page-scrolled-down="true"] .elementor .elementor-element.mega-menu-bar-1 > .e-con-inner > .e-con-full
{
	background-color: #ffffff;
}

body[data-page-scrolled-down="true"] .elementor .elementor-element.mega-menu-bar-1 > .e-con-inner > .e-con-full .e-n-menu-title .e-n-menu-title-text
{
	color: #0F2864;
}

body[data-page-scrolled-down="true"] .elementor .elementor-element.mega-menu-bar-1 > .e-con-inner > .e-con-full .e-n-menu-title .e-n-menu-dropdown-icon svg
{
	fill: #0F2864;
}


/* Category filter Style */

.taxonomy-filter {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    .taxonomy-filter .filter-post-item {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        margin-bottom: 0;
        flex-wrap: wrap;
        position: relative;
        margin-top: 0;
    }

    .filter-post-item.occupation select {
        display: inline-block;
        width: 85%;
    }

    .filter-post-item .dropdown-selector-list {
        display: none;
    }

    .filter-post-item .dropdown-selector-list.active {
        display: none;
    }

    .filter-post-selector {
        width: 100%;
    }

    .filter-post-selector span:not(:first-child) {
        display: inline-block;
        /* width: 74%; */
        padding: 6px 10px;
        border-radius: 5px;
        cursor: pointer;
		box-shadow: 0px 10px 33px 0px rgba(51, 77, 128, 0.1);
		color: #047F64;
		border: 1px solid #047F64;
    }

    .filter-post-selector span.selector-label {
        width: 23%;
        display: inline-block;
    }

    .filter-post-item span.selector-label {
        font-weight: 700;
		color: #444444;
    }

    .filter-post-item .post-type-selectror {
        width: 100%;
    }

    .filter-post-item .post-type-selectror span:nth-child(2), .filter-post-item .post-type-selectror span:nth-child(3) {
        background-color: #f4efdc;
        padding: 2px 7px;
        border-radius: 2px;
        margin-right: 4px;
        cursor: pointer;
    }

    .filter-post-item .dropdown-selector-list {
        display: none;
        background-color: #fff; 
        position: absolute; 
        z-index: 1000; 
        width: 93%;
        min-height: 150px;
        overflow-y: auto; 
        box-shadow: 0px 1px 6px rgb(0 0 0 / 5%); 
        top: 35px;
        right: 9px;
        max-height: 400px;
    }

    .filter-post-item .dropdown-selector-list.active {
         display:block;
    }

    .dropdown-selector-list ul li {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 4px;
    }
    .dropdown-selector-list ul li span {
        display: block; 
        padding: 2px 10px;
        text-transform: capitalize;
		    border: 1px solid #ededed;
    }

    .dropdown-selector-list ul li span:hover, .dropdown-selector-list ul li span.selected {
        background-color: #fff;
    	color: #047F64;
    	border: 1px solid #047F64;
    }

    .filter-post-item .dropdown-selector-list {
        top: 35px !important;
        right: 15px !important;
        width: 69.6% !important;
    }

    .filter-post-item .dropdown-selector-list ul {
    	padding: 15px 10px;
    	margin: 0;
    }

	.filter-post-selector span:nth-child(3),.filter-post-selector span:nth-child(4) {
        display: none;
    }

    .filter-post-selector .selected-display {
        display: inline-block !important;
    	width: auto !important;
    }
    .filter-post-selector span:nth-child(4) {
        width: auto;
    }
    		
    .post-items {
        display: flex;
        margin: 0 -10px;
        flex-wrap: wrap;
    	margin-top: 40px;
        margin-bottom: 40px;
    }

    .post-items .post-item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 0 10px;
		margin-bottom: 20px;
    }

    .post-items .post-item .post-item-inner {
        border-radius: 016px 016px 016px 016px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
		height: 100%;
    }

    .post-items .post-item .post-item-inner .post-thumbnail {
        border-radius: 016px 016px 0 0;
        padding: 16px 16px 16px 16px;
    }

    .post-items .post-item .post-item-inner .content-body {
        background-color: var(--e-global-color-uicore_white);
        padding: 016px 016px 016px 016px;
        border-radius: 16px 16px 16px 16px;
    }

    .post-categories a {
        padding: 1px 10px 1px 10px;
        border-radius: 4px 4px 4px 4px;
        margin-right: 5px;
        display: inline-block;
        color: #fff;
    }

    .post-categories a:nth-child(2n-1) {
        background-color: #0F2864;
    }

    .post-categories a:nth-child(2n) {
        background: #7a56ff;
    }

    .post-items .post-item .post-item-inner .content-body h3 {
        margin: 15px 0 5px;
        font-size: 26px;
        color: #1B1D26;
    }
    .post-items .post-item .post-item-inner .post-thumbnail img {
        border-radius: 16px;
        height: 324px;
        object-fit: cover;
    }
    .filter-button button#apply-filters {
        background-color: #047f64;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
        padding: 7px 10px;
        font-weight: 500;
        line-height: 25px;
    }

    @media(max-width: 767px) {
        .post-items .post-item {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 10px;
        }

        .taxonomy-filter .filter-post-item {
            width: 100%;
            padding: 0;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .filter-button {
            width: 50%;
        }

        .filter-post-selector span.selector-label {
            width: auto;
            padding-right: 10px;
        }

        .filter-post-item .dropdown-selector-list {
            width: 100% !important;
        }
    }



.even-height-testimonials .elementor-widget-image
{
	min-height: 45px;
}

.even-height-testimonials .elementor-testimonial-content
{
	min-height: 180px;
}

@media (max-width: 1400px)
{
	.even-height-testimonials .elementor-testimonial-content
	{
		min-height: 210px;
	}
}

@media (max-width: 1300px)
{
	.even-height-testimonials .elementor-testimonial-content
	{
		min-height: 260px;
	}
}

@media (max-width: 1200px)
{
	.even-height-testimonials .elementor-testimonial-content
	{
		min-height: 290px;
	}
}

@media (max-width: 1100px)
{
	.even-height-testimonials > .elementor-container
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 30px;
	}
	
	.even-height-testimonials .elementor-testimonial-content
	{
		min-height: 0;
	}
	
	.even-height-testimonials > .elementor-container > .elementor-column
	{
		width: 100%;
	}
	
	.even-height-testimonials > .elementor-container > .elementor-column > .elementor-widget-wrap
	{
		margin: 0;
	}
}

@media (max-width: 1024px)
{
	.mega-menu-bar-1.elementor-element nav.e-n-menu div.e-n-menu-wrapper
	{
		/*max-width: calc(100vw - 26px);*/
		/*width: min(100%,var(--container-max-width,1140px));*/
		width: var(--container-max-width);
        margin: 0;
        position: fixed;
        top: 80px;
        left: calc((100vw - var(--container-max-width)) / 2);
	}
	
	.mega-menu-bar-1.elementor-element nav.e-n-menu div.e-n-menu-wrapper ul.e-n-menu-heading li.e-n-menu-item .e-n-menu-content > .e-child
	{
		width: 100% !important;
		border-radius: 0;
		padding: 5px;
	}
	
	.mega-menu-bar-1.elementor-element .e-con-inner nav .e-n-menu-wrapper ul.e-n-menu-heading li.e-n-menu-item a.e-link .e-n-menu-title-text,
	.mega-menu-bar-1.elementor-element .e-con-inner nav .e-n-menu-wrapper ul.e-n-menu-heading li.e-n-menu-item .e-n-menu-title-text
	{
		color: #000000;
	}
	
	.mega-menu-bar-1.elementor-element .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title:not(.e-current) .e-n-menu-dropdown-icon svg
	{
		fill: #000000;
	}
	
	body[data-page-scrolled-down="true"] .elementor-widget-n-menu .e-n-menu-toggle span.e-close svg
	{
		fill: #000000;
	}
	
	.mega-menu-bar-1 .e-n-menu-toggle
	{
		cursor: pointer;
	}
	
	.mega-menu-bar-1.elementor-element nav.e-n-menu .e-n-menu-content > .elementor-element.e-flex.e-con-boxed.e-child > .e-con-inner
	{
		padding: 0;
    	margin: 0;
	}
	
	.mega-menu-bar-1.elementor-element nav.e-n-menu .e-n-menu-content .elementor-element.e-con-full.e-flex.e-con.e-child > .elementor-element.e-flex.e-con-boxed.e-child
	{
		
	}
	
	.mega-menu-bar-1.elementor-element nav.e-n-menu .e-n-menu-content > .elementor-element.e-con-full.e-flex.e-con.e-child > .e-con-full.e-flex.e-con.e-child
	{
		padding: 20px 12px;
	}
	
	.mega-menu-bar-1.elementor-element nav.e-n-menu .e-n-menu-content > .elementor-element.e-con-full.e-flex.e-con.e-child > .e-con-full.e-flex.e-con.e-child > .elementor-element.e-con-full.e-con.e-child
	{
		padding: 0;
	}
}
	
@media (max-width: 767px)
{
	.mega-menu-bar-1 .mega-menu-top-row
	{
		margin-top: 20px;
		flex-wrap: nowrap;
	}
}