/**
 * Theme Name:     Agent 2 Child Theme
 * Author:         DFY Team
 * Template:       twentytwentyfive
 * Text Domain:	   agent-2-child-theme
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */
/* FORM CSS */
input#gform_submit_button_11 {
    width: auto !important;
}
.dfy-f-strech{
    display: flex;
    align-items: stretch;
	justify-content: center !important;
}

figure.heading-section.wp-block-post-featured-image {
    margin: 0px !important;
	
}
.heading-section
input#gform_submit_button_11,input#gform_submit_button_10, input#gform_submit_button_3 {
    width: auto !important;
}
div#field_10_1, div#field_10_3{
	padding:0px !important;
}
.dfy-col-align{
			display: flex;
			align-content: flex-start;
			align-items: stretch !important;
			flex-direction: row;
			justify-content: flex-start;
		}
/*Header Navigation Container*/

.navigation-menu {
    position: absolute;
    width: 100%;
    z-index: 2;
}

/* z-index */
.go-front {
    position: relative;
    z-index: 99;
}

.agent-banner {
    margin-top: -150px !important;
    margin-bottom: 70px !important;
    position: absolute;
    bottom: 0;
}

.separator-height {
    height: 7px;
}

.column-negative-top {
    position: relative;
    top: -60px;
}

/* FORM */
.gfield {
    padding-right: 0px !important;
    gap: 20px !important;
    border-radius: 5px !important;
    margin-bottom: -20px !important;
    font-size: 23px !important;
    width: 100% !important;
    padding-right: 10px !important;
}

.gform_button {
    font-weight: 600 !important;
    font-family: crimson text !important;
    font-size: 21px !important;
    width: 30% !important;
    height: 35px !important;
    /* font-size: 23px !important; */
    background: #EDDD00 !important;
    border-color: #EDDD00 !important;
    color: #000 !important;
    border-radius: 5px !important;

    margin-top: 20px !important;

    font-size: var(--wp--preset--font-size--large) !important;
}

/* --- FORM ENDS HERE -- */

/* --- HEADER MOBILE --- */
@media screen and (max-width: 599px) {
	.nav-inner-row{
    flex-basis: 100% !important;
	flex-direction: row !important;
    width: 100% !important;
}

div#field_3_3, div#field_3_2, fieldset#field_3_1 {
    padding: 0px !important;
}
.nav-logo, .nav-menus{
    flex-basis: 48% !important;
}	
	.nav-button{
		flex-basis:100% !important;
	}
    .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-430f08e6.wp-block-columns-is-layout-flex {
        gap: 10px !important;
    }

    nav.has-text-color.has-base-color.is-responsive.items-justified-right.wp-block-navigation.has-crimson-text-font-family.is-content-justification-right.is-layout-flex.wp-container-core-navigation-is-layout-d445cf74.wp-block-navigation-is-layout-flex {
        justify-content: center;
    }
}

/* --- MOBILE --- */
@media screen and (max-width: 767px) {
	.dfy-two-col{
		flex-basis: 48% !important;
	}
	.mobile-svg svg{
	margin-top:-23px;	
	}
    h1.blog-title.wp-block-post-title {
        top: 25% !important;
    }
	.testimonial-sec .wp-container-content-3146c0f6 {
    flex-basis: 100%;
	}
	.center-button{
	place-content: center;
	}
	.dfy-col-align{
		display: flex;
		align-content: flex-start;
		align-items: stretch;
		flex-direction: row;
		justify-content: flex-start;
	}
	.name-section img{
		width:376px;
	}
	 .testimony-sec .wp-block-columns > .wp-block-column::after {
		display: none;
	  }
		.row-negative-top-tab{
		margin-top:0px !important;		
	}

	  .testimony-sec .wp-block-columns > .wp-block-column {
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
		margin-bottom: 30px;
	  }

	  .testimony-sec .wp-block-columns > .wp-block-column:last-child {
		border-bottom: none;
	  }
		  .wp-block-columns[style*="margin-top:70px"] {
    position: relative;
    padding-top: 30px; /* space below the line */
  }

 .testimony-sec .wp-block-columns[style*="margin-top:70px"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd; /* change color if needed */
  }
	 .wp-block-columns.is-not-stacked-on-mobile.col-set-col.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
		display: flex;
		flex-direction: column;
		align-content: center;
		flex-wrap: nowrap;
		align-items: center;
	}
	.wp-block-columns.column-negative-top.row-negative-top.is-layout-flex.wp-container-core-columns-is-layout-33ba964e.wp-block-columns-is-layout-flex {

    gap: 0 !important;
    flex-direction: column-reverse !important;
}
	.dfy-height-400 img{
		height:400px !important;
	}
	.nav-inner-row{
    flex-basis: 100% !important;
	flex-direction: row !important;
    width: 100% !important;
}
	.parent-col-mobile {
        flex-direction: column !important;
    }
	.parent-col-reverse-mobile {
        flex-direction: column-reverse !important;
    }
	
	.clear-padding{
		padding:0px !important
	}
	.dfy-gap-10{
	gap: 10px !important;
}
	figure.heading-section.wp-block-post-featured-image {
    margin: 0px !important;
}	
	.dfy-content-center {
	justify-content:center !important;	
    justify-items: center;
	}
	 .text-center-mobile {
        text-align: center !important;
    }
	.dfy-single-col-reverse{
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	.dfy-single-col{
		display: flex;
		flex-direction: column;
	}
	.w-100{
	width:100% !important;
	flex-basis: 100% !important;
	}
	.gold-icon-sec {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		align-items: center;
	}
	.gold-icon-sec .wp-container-content-f032b4a1 {
    flex-basis: 45% !important;
	}
    .cover-home-pad {
        padding-top: 180px !important;
    }

    .agent-banner-parent-mob {
        width: 48%;
    }

    .agent-img-hero img {
        width: 320px !important;
    }

    .bot-no-wrap-mob {
        flex-wrap: nowrap;
        justify-items: center;
    }

    .bot-no-pad a {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .row-padding {
        /* padding: 40px 20px !important; */
    }

    .row-padding-no-bot {
        /* padding: 40px 20px 0px !important; */
    }

    .gold-img img {
        width: 200px !important;
    }

    input#gform_submit_button_10, input#gform_submit_button_3 {
        flex-basis: 100%;
    }
}

/* For Navigation Menu */
@media screen and (min-width: 600px) and (max-width: 781px) {
    .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-430f08e6.wp-block-columns-is-layout-flex {
        gap: 10px !important;
    }

    ul.wp-block-navigation__container.has-text-color.has-base-color.is-responsive.items-justified-right.wp-block-navigation.has-crimson-text-font-family {
        justify-content: center;

    }
}

/* --- UP TO 1024 --- */
@media screen and (max-width: 1024px) {
    .text-center {
        text-align: center !important;
    }

    .parent-col {
        flex-direction: column-reverse;
    }

    .row-negative-top {
        margin-top: 0px !important;
    }

    .zero-padding {
        padding: 0px !important;
    }
}

/* --- TABLET --- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.dfy-single-col-reverse-tab{
		display: flex;
		flex-direction: column-reverse;
	}
	.dfy-single-col-tab{
			display: flex;
			flex-direction: column;
		}
		.parent-col-tab {
        flex-direction: column !important;
    }
	
	.wp-container-content-3146c0f6 {
		flex-basis: 46%;
	}
	.how-buying-home-sec .wp-container-content-3146c0f6, .case-study-sec .wp-container-content-3146c0f6 {
		flex-basis: 46%;
	}
	.dfy-col-align{
			display: flex;
			align-content: flex-start;
			align-items: stretch;
			flex-direction: row;
			justify-content: center;
		}
	.how-buying-work .wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow {
		flex-basis: 20% !important;
	}
	.name-section img{
		width:376px;
	}
	.agent-img-hero img {
        width: 270px !important;
    }
	.dfy-content-center{
	justify-content:center !important;	
	}
	.text-center-tab{
		text-align:center;
	}
	.gold-icon-sec figure.wp-block-image.size-full.wp-container-content-f032b4a1 {
		flex-basis: 22.6% !important;
	}
    .agent-banner {
        max-width: 120px;
        margin-left: 180px !important;
    }
	.gold-icon-sec{
		 flex-wrap: wrap;
	}  
    .parent-col-2 {
        flex-direction: column !important;
    }

    .modern-mansion-height {
        height: 530px !important;
    }

    .row-padding-no-bot {
        /* padding: 60px 40px 0px !important; */
    }

    .agent-img-hero img {
        height: auto !important;
    }
}


/* Mobile */
@media screen and (max-width: 781px) {
    .timeline{
        flex-direction: column !important;
    }

    .timeline-years .wp-block-group.dfy-f-strech::before{
        display: none!important;
    }

    .mobile-text-center{
        text-align: center!important;
    }

    .gform-footer.gform_footer.top_label{
        justify-content: center!important;
    }

    .justify-content-center{
        justify-content: center!important;
    }

    .mob-col-reverse{
        flex-direction: column-reverse!important;
    }

    input#gform_submit_button_12,
    input#gform_submit_button_11{
        width: 100% !important;
    }

    .mob-w-100{
        width: 100%!important;
    }

    .mob-img-w-50 img{
        width: 50%!important;
    }

    .mob-h-auto{
        height: auto!important;
    }

    .modern-mansion-height{
        height: 300px!important;
    }
    
    .gfield{
        padding-right: 0!important;
    }
}

/* Small Tablet Only */
@media screen and (min-width:781.98px) and (max-width: 820px) {
    .stack-tablet.wp-block-columns {
        flex-wrap: wrap !important;
    }

    .stack-tablet.wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
    }

    input#gform_submit_button_12,
    input#gform_submit_button_11,
    input#gform_submit_button_10,
    input#gform_submit_button_3{
        width: 100% !important;
    }

    .gfield{
        padding-right: 0!important;
    }
}