/*
Theme Name: Pyramids Real Estate
Theme URI: https://www.linkedin.com/in/abdullah-gamal-207690133/
Author: Abdullah Gamal
 Description: Pyramids Real Estate Theme Design  
Version: 1
Author URI: https://www.linkedin.com/in/abdullah-gamal-207690133/
Template: kadence
Text Domain: kadence-child
*/

/*  Custom Css By Abdullah Gamal
- - - - - - - - - - - - - - - - - - - - */
.site-footer-row {
    align-items: center;
}

span.kt-svg-icon-list-text {
    text-align: right;
}

.entry.loop-entry {
	    -webkit-transition: all .25s cubic-bezier(.02,.01,.47,1);
    transition: all .25s cubic-bezier(.02,.01,.47,1);
}
.rtl {
	direction: rtl !important;
}

.entry.loop-entry:hover {
	webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all .25s cubic-bezier(.02,.01,.47,1);
    transition: all .25s cubic-bezier(.02,.01,.47,1);
	box-shadow: 0px 15px 15px -10px rgb(178 150 150 / 37%);;
    -webkit-box-shadow: 0px 15px 15px -10px rgb(178 150 150 / 37%);;
    -moz-box-shadow: 0px 15px 15px -10px rgb(178 150 150 / 37%);;
}

.kt-blocks-post-grid-item:hover {
	webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all .25s cubic-bezier(.02,.01,.47,1);
    transition: all .25s cubic-bezier(.02,.01,.47,1);
	box-shadow: 0px 15px 15px -10px rgb(178 150 150 / 37%);;
    -webkit-box-shadow: 0px 15px 15px -10px rgb(178 150 150 / 37%);;
    -moz-box-shadow: 0px 15px 15px -10px rgb(178 150 150 / 37%);;
}



a.social-button.header-social-item.social-link-custom1:hover{
	    background: #fefc00;
}

.social-icon-custom-svg svg *{
	fill: #000;
}

.kt-blocks-post-grid-item .entry-title a:not(.button):not(.list) {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ag_gradient{
    background-image: -webkit-linear-gradient(0deg, #000000, #ff5722);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
}


#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner {
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}




/* Home Page Styles */
/* search box */

.property-search-form-container {
    padding: 20px;
    background-color: #000000b3;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px;
}

.property-search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.search-field {
    flex: 1;
    min-width: 200px;
    position: relative;
}

.search-field label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
	color: #fff;
}

.search-field input[type="text"],
.search-field select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
}


.multiselect-input {
	cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    padding: 10px;
}

.dropdown-content label {
    display: block;
    cursor: pointer;
    padding: 5px;
	text-align: left;
	color: #00000073;
}

.dropdown-content label:hover {
    background-color: #f0f0f0;
	color: #000;
}

.search-button {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.search-button svg {
    margin-inline-start: 10px;
    width: 1em;
    height: 1em;
}


.search-icon {
    line-height: 0px;
}



.property-search-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23aaa' stroke-width='2' d='M1 5l7 7 7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;
}

.property-search-form select:focus {
    border-color: #aaa;
    outline: none;
}

.property-search-form select option {
    padding: 10px;
}



.search-field select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    appearance: none;
    -webkit-appearance: none; /* For Safari */
    -moz-appearance: none; /* For Firefox */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="none" stroke="%23aaa" stroke-width="2" d="M1 5l7 7 7-7"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;
}

.search-field select:focus {
    border-color: #aaa;
    outline: none;
}

.search-field select option {
    background-color: #fff;
    color: #333;
}

.search-field select option:hover {
    background-color: #f0f0f0;
    color: #000;
}

.search-field select option:checked {
    background-color: #005a87;
    color: #fff;
}


.form-error-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #f44336;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

.floating-notification.hide {
    opacity: 0;
    top: 0px;
}




.search-filters-summary h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
    color: #333;
}


.search-filters-summary {
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px;
}

.search-filters-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.filter-item {
    flex: 1;
    min-width: 200px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}



.search-filters-summary {
    margin-bottom: 20px;
}

.search-filters-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.filter-item {
    margin-bottom: 10px;
}

.term-container {
    display: inline-flex;
    align-items: center;
    margin-inline-end: 10px;
	margin-block-end: 5px;
	background-color: var(--global-palette7);
    padding-inline: 10px;
    border-radius: 4px;
	font-size: var(--global-font-size-small);
}

.term-icon {
        margin-inline-end: 5px;
    color: #333; /* or any color you'd prefer */
}

.term-link {
    text-decoration: none;
}

.term-link:hover {
    text-decoration: underline;
}

.filter-item strong {
    display: block;
    margin-bottom: 5px;
}

.filter-item a {
    text-decoration: none;
}

.filter-item a:hover {
    text-decoration: underline;
}




@media (max-width: 768px) {
	.property-search-form{
		justify-content: center;
	}


	.filter-item {
        flex: 100%;
    }
}





/* facilities */

.ags-property-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
	flex-wrap: wrap;
}

.ags-facilities-wrapper {
    width: 80%;
}

.ags-facilities-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Add spacing between items */
    justify-content: space-between; /* Evenly space items */
}

.ags-facility-item {
    flex: 1 1 calc(50% - 10px); 
    display: flex;
    align-items: center;
    padding: 10px; 
}

.ags-facility-item svg {
    margin-inline-end: 8px;
    flex-shrink: 0; /* Ensure the SVG icon doesn't shrink */
}

.ags-brochure-wrapper {
    width: auto;
    text-align: right;
}


.tax-compound .ags-brochure-wrapper {
	padding-block: 15px;
}


.tax-compound .ags-compound-developer {
	font-weight: 600;
}

.tax-compound .ags-compound-developer a {
	color: #000;
	font-size: 1.4rem;
}

a:where(:not(.wp-element-button)){
	text-decoration: none!important;
}

.ags-brochure-download {
    display: flex;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
	justify-content: center;
	border: 2px solid var(--global-palette-highlight);
}

.ags-brochure-download:hover {
	   background-color: var(--global-palette-highlight);
	border: 2px solid var(--global-palette-highlight);
}

.ags-brochure-download svg {
    margin-inline-start: 5px;
    vertical-align: middle;
}








/* Propertly Loop styles */

.ags_property_card .ags-developer-logo{
	position: absolute;
	bottom: 12px;
	left:  12px;
}



.ags_property_card .ags-developer-logo img{
    position: absolute;
}


.ags-developer-logo {
    box-shadow: 0 0px 20px hsl(0deg 0% 13% / 26%);
}




/* Developers List */
.ags-developer-list-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
}

.ags-developer-list-developer {
    flex: 1 1 calc(33.333% - 20px); /* 3 items per row on desktop/tablet */
    background-color: #f9f9f9;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 5px 20px hsl(39deg 100% 68% / 10%);
    transition: transform 0.3s ease;
	display: flex;
    flex-direction: column;
    align-items: center;
	max-width: calc(33.333% - 20px);
	border: 2px solid #ebebeb;

}

.ags-developer-list-developer-logo {
    border-radius: 50%;
    border: 4px solid #f2f2f2;
    width: 150px; 
    height: 150px; 
    object-fit: contain;
    margin-bottom: 15px;
	background-color: #fff;
}

.ags-developer-list-developer h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
}

.ags-developer-list-view-projects-button {
    display: inline-block;
    padding: 10px 20px;
	border: 2px solid var(--global-palette-highlight);
    color: var(--global-palette3);
    text-decoration: none;
    border-radius: 4px;
    margin-top: 10px!important;
	width: 100%;

}

.ags-developer-list-featured {
    border: 2px solid hsla(180,51.4%,51.6%,1);
}

.ags-developer-list-developer:hover {
    transform: translateY(-5px);
	border: 2px solid var(--global-palette2);
    background: radial-gradient(#f0f0f0, hsl(39deg 100% 68% / 25%));

}


.ags-developer-list-developer:hover .ags-developer-list-view-projects-button {
	background-color: var(--global-palette2);
	border: 2px solid var(--global-palette2);
	color: #fff;
}



.sl-wrapper .sl-navigation button {
    background: #ffffff4f;
}


.sl-overlay{
	background: #161616!important;
    opacity: .9!important;
}

.sl-wrapper .sl-close{
	color: hsl(0deg 0% 100%)!important;
	top: 80px!important;
	padding: 4px;
    border: 2px solid;
	height: auto!important;
    width: auto!important;
}
/* Media queries */ 

@media (max-width: 768px) {
    .ags-developer-list-developer {
        flex: 1; 
		max-width: 100%;
    }


	.kb-imageblock-13_ce100e-6b {
		margin: auto;
		padding-block-end: 20px;
	}

	.ags-developer-list-container {
		flex-direction: column;
	}


	.ags-property-container{
		flex-direction: column;

	}

	.ags-brochure-wrapper{
		width: 100%;
	}


	.ags-facilities-container{
		flex-direction: column;
		gap: 0px

	}

	.ags-facilities-wrapper{
		width: 100%;
	}

	.ags-facility-item{
		display: block;
	}
}







.ags-unit-information-container {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.ags-unit-info-item {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    flex: 1 1 45%; /* Each item takes up about 45% of the container */
    box-sizing: border-box;
}

.icon-placeholder {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #febd1c;
    border-radius: 50%;
    margin-inline-end: 10px;

}

.icon-placeholder svg {
    width: 100%;
    height: 100%;
    fill: #fff;
	padding: 10px
}

.ags-unit-info-item strong {
    margin-inline-end: 5px;
}

/* Responsive design for small screens */
@media (max-width: 768px) {
    .ags-unit-information-container {
        justify-content: space-between;
        flex-direction: row;
		flex-wrap: wrap;

    }

    .ags-unit-info-item {
        flex: 1 1 45%; /* 2 items per row */
    }

}



.ags-compound-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ags-compound-card {
	display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    flex: 1 1 calc(50% - 20px);
	max-width: 50%;
}

.ags-compound-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.ags-compound-card__image {
    width: 245px;
    flex-shrink: 0;
    overflow: hidden;
}

.ags-compound-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ags-compound-location-card, .ags-compund-delivery-card {
	display: flex;
	gap: 4px;
	align-items: center;
}

.ags-compound-location-card .location_icon, .ags-compund-delivery-card .delivery_icon {
	width: 20px;
	height: 20px;
}

.ags-compound-card:hover .ags-compound-card__image img {
    transform: scale(1.05);
}

.ags-compound-card__info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 2px;
}

.ags-compound-card__info h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;

}

.ags-compound-card__info p {
    margin: 5px 0;
    color: #666;
}

.ags-compound-card__info a {
    text-decoration: none;
}

.ags-compound-card__info a:hover {
    text-decoration: underline;
}

.ags-compound-price strong {
    color: #333;
}

.featured-compound {
    border: 1px solid hsl(180deg 51.4% 51.6% / 25%);
}
.featured-compound:hover {
    border: 1px solid hsl(180deg 51.4% 51.6% / 100%);
}
.card_loc_dat {
    display: flex;
    gap: 10px;
    font-size: 0.9rem;
}


@media (max-width: 768px) {


	.ags-compound-card{
		flex-direction: column;
		max-width: 100%;
		flex: 1 1 100%;
	}

	.ags-compound-card__image{
        min-width: 384px;
		width: auto;
		}
}



@media (min-width: 768px) and (max-width: 1024px) {
	.ags-compound-card{
    flex-direction: column;
	}


	.ags-compound-card__image{
		width: auto;
		height: 300px;
	}



}