/*--------------------------------------------------------------
# Block and block contents
--------------------------------------------------------------*/

.entry-content .infographic {
    background-color: var(--th-color-primary);
    width: auto;
    box-sizing: border-box;
    padding: 80px 50px;
	margin: 50px 0;
}

    .entry-content .infographic .block-contents {
        margin: 0 auto;
        max-width: var(--page-content);
    }

.entry-content .infographic_header {
    text-align: center;
    color: #fff;
}

    .entry-content .infographic_header h2 {
        color: #fff;
        margin: 0 0 10px;
    }
        .entry-content .infographic_header h2 span {
            display: block;
            color: var(--th-color-accent);
        }

    .entry-content .infographic_header p {
        margin: 0 auto;
        font-weight: bold;
        max-width: 650px;
    }

.entry-content .infographic_steps {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: auto;
    box-sizing: border-box;
    margin: 50px auto 0;
    padding: 0;
}

    .entry-content  .infographic_steps > div {
        position: relative;
        width: 30%;
        display: flex;
        flex-direction: column;
        color: #fff;
        text-align: center;
        margin-bottom: 50px;
    }

        .entry-content .infographic_steps > div img {
            display: block;
            margin: 0 auto;
            width: auto;
            height: 100px;
        }

        .entry-content .infographic_steps > div h3 {
            margin: 36px 0 .75em;
			text-transform: uppercase;
            color: #fff;
        }

        .entry-content .infographic_steps > div p {
            margin: 0;
        }

        .entry-content .infographic_steps > div::before {
            content: '';
            background: url('/wp-content/uploads/2025/06/arrow-right-solid-lightblue.svg') center center/22px 22px no-repeat;
            width: 43px;
            height: 43px;
            border: 3px solid var(--th-color-secondary);
            border-radius: 50%;
            font-size: 32px;
            color: #fff;
            position: absolute;
            top: 50px;
            left: -50px;
        }

        .entry-content .infographic_steps > div:first-child::before, .entry-content .infographic_steps > div:nth-child(4n)::before {
            background: transparent;
            border: none;
        }

        .entry-content .infographic_steps > div:last-child {
            justify-self: flex-start;
        }

#address_field_form {
	box-sizing: border-box;
	max-width: 800px;
    width: 100%;
    margin: 50px auto;
}

	#address_field_form .tucson_houses_address {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
        height: 88px;
	}

    	#address_field_form .tucson_houses_address .gform-footer {
            margin: 0;
        }

        #address_field_form .tucson_houses_address .gform_fields {
            height: 100%;
        }

		#address_field_form .gform_title {
            display: none;
		}

        #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body {
            width: 100%;
            height: 100%;
        }

        #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body .ginput_container {
            height: 100%;
            position: relative;
        }

        #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body .ginput_container::before {
            content: '';
            display: block;
            position: absolute;
            background: url('/wp-content/uploads/2025/07/location-dot-lightblue.svg') center center no-repeat;
            background-size: contain;
            left: 10px;
            top: calc(50% - 18px);
            height: 36px;
            width: 36px;
            z-index: 1000;
        }

        #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body .ginput_container input {
            background-color: #fff;
            height: 100%;
            border: none;
            border-radius: 0;
            font-size: 18px;
            color: var(--th-color-primary);
            padding-left: 75px;
        }

        #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body .ginput_container input:focus {
            outline: none;
        }

#address_field_form .gform_wrapper .gform_footer input[type=submit] {
	background-color: var(--th-color-accent);
	border: none;
    border-radius: 0;
	color: var(--th-color-primary);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	height: 100%;
	padding-left: 2em;
    padding-right: 2em;
    white-space: nowrap;
	margin: 0 auto;
}

body #address_field_form .gform_wrapper .gform_footer input[type=submit]:hover {
	color: #fff;
}

/*--------------------------------------------------------------
# In-Block Typography
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 800px) {

    #address_field_form .tucson_houses_address {
        flex-direction: column;
        height: auto;
    }
        #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body .ginput_container {
            height: 88px;
        }

    
        #address_field_form .gform_wrapper .gform_footer input[type=submit] {
            width: 100%;
            height: 88px;
            margin-top: 18px;
        }

    .entry-content .infographic_steps {
        flex-direction: column;
        align-items: center;
    }

        .entry-content .infographic_steps > div {
            width: auto;
        }

            .entry-content .infographic_steps > div + div {
                margin-top: 100px;
            }

            .entry-content .infographic_steps > div + div::before {
 				top: -95px;
				bottom: auto;
				margin: 0 auto;
				left: 0;
				right: 0;
				transform: rotate(90deg);
            }
}

@media screen and (max-width: 500px) {

    #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body .ginput_container input {
        font-size: 14px;
        padding-left: 16px;
    }

        #address_field_form .gform_wrapper .tucson_houses_address .gform-body.gform_body .ginput_container::before {
            background: transparent;
        }
}