@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/mixins/breakpoints";

.say-hey-wrap {
	margin-top: 8rem;
	margin-bottom: 8rem;
	position: relative;

    @include media-breakpoint-down(sm) {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
	.lines {
		position: absolute;
		top: 5rem;
		right: 27rem;
		z-index: 2;
		transition: transform 4s cubic-bezier(0.62, 0.38, 0.17, 0.85);
		transform: translateY(-6rem);
		transition-delay: 0.3s;
		z-index: -1;

		@include media-breakpoint-down(md) {
			right: 14rem;
			width: 40px;
		}
		@include media-breakpoint-down(xs) {
			top: 40%;
			right: 12rem;
		}
	}
	.form-content {
		padding-right: 3rem;

		@include media-breakpoint-down(xs) {
			padding-right: 0;
		}
	}
	.form-right {
		position: relative;

		.speech-bubble {
			position: absolute;
			top: -7.5rem;
			right: 0;
			z-index: 2;

			@include media-breakpoint-down(md) {
				top: -10rem;
			}
			@include media-breakpoint-down(sm) {
				top: -3rem;
				right: 1rem;
			}
			@include media-breakpoint-down(xs) {
				display: none;
			}
		}
	}
	.form-wrap {
		max-width: 32rem;
		padding: 3.75rem;
		position: relative;
		box-shadow: 0 25px 65px -20px rgba(0, 0, 0, 0.19);
		background: $white;
		margin: 5rem auto 0 auto;

		@include media-breakpoint-down(sm) {
			margin: 5rem 0 0 0;
		}
		@include media-breakpoint-down(xs) {
			margin-top: 3rem;
			padding: 2rem;
			max-width: none;
		}
		.acceptance,
		.opt-in {
			display: block;
			font-size: 0.875rem;
	
			a {
				font-weight: bold;
			}
		}
		.buttons {
			margin-top: 3rem;
		}
	}
	.buttons.centered {
		position: relative;
	}
	.wpcf7-spinner {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.contact {
		display: flex;
		flex-wrap: wrap;
		padding: 1rem 0;

		a {
			display: flex;
			align-items: center;
			margin-right: 3rem;

			@include media-breakpoint-down(xs) {
				margin-bottom: 1rem;

				&:last-child {
					margin-bottom: 0;
				}
			}
			&:hover {
				color: $body;
			}
			img {
				margin-right: 1.25rem;
			}
		}
	}
	.address {
		display: flex;
		align-items: flex-start;

		img {
			margin-top: 0.25rem;
			margin-right: 1rem;
		}
	}
	.accordion {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
	&.aos-animate {
		.circle {
			transform: scale(1);
		}
		.lines {
			transform: translateY(0);
		}
	}
}

jQuery(function($){

    if(window.location.hash) {
        setTimeout(function(){
            
            var hash = window.location.hash.substring(1); // removes the # character
            hash = decodeURIComponent(hash);
            console.log(hash);
            $(".wpcf7-select").val(hash).change();

        }, 500);
    }

});