/************************************************* Reset */
*,
::before,
::after {
	box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	margin-top: 0;
	margin-bottom: 0;
}
p {
	font-weight: inherit;
	margin-top: 0;
}

/************************************************* Custom */
body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.locked {
	overflow: hidden;
}

/************************************************* Clipped */
.clipped-two img {
	clip-path: polygon(0 0, 175px 0, 270px 163px, 100% 163px, 100% 100%, 0 100%);
}
img.clipped-topLeft {
	clip-path: polygon(0 130px, 120px 130px, 200px 0, 100% 0, 100% 100%, 0 100%);
}
img.clipped-topRight {
	clip-path: polygon(0 0, calc(100% - 200px) 0, calc(100% - 130px) 130px, 100% 130px, 100% 100%, 0 100%);
}
img.clipped-bottomLeft {
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 130px 100%, 92px calc(100% - 130px), 0 calc(100% - 130px));
}
img.clipped-bottomRight {
	clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 130px), calc(100% - 130px) calc(100% - 130px), calc(100% - 170px) 100%, 0 100%);
}
.clipped-three {
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 270px 100%, 180px calc(100% - 163px), 0 calc(100% - 163px));
}
.clipped-four {
	clip-path: polygon(0 0, calc(100% - 270px) 0, calc(100% - 180px) 163px, 100% 163px, 100% 100%, 0 100%);
}


/************************************************* Button */
.arrow-btn .elementor-button-content-wrapper {
	position: relative;
    left: -35px;	
    transition: 0.5s;
}
.arrow-btn .elementor-button-icon {
	opacity: 0;
	transition: 0.5s;    
}
.arrow-btn svg {
    width: 21px;
}
.arrow-btn:hover .elementor-button-content-wrapper {
    left: 0;	
}
.arrow-btn:hover .elementor-button-icon {
	opacity: 1;   
}

body:not(.elementor-editor-active) .bigBoyHolder.fromLeft > .e-con-inner {
	transform: translateX(-100px);
	opacity: 0,
}
body:not(.elementor-editor-active) .bigBoyHolder.fromRight > .e-con-inner {
	transform: translateX(100px);
	opacity: 0,
}


/************************************************* Header */
body:not(.elementor-editor-active) header > .e-con-inner {
	opacity: 0;
}
body:not(.elementor-editor-active) .logoHolder > .e-con-inner {
	transform: translate(0px, -100%);
	opacity: 0.6;
}
body:not(.elementor-editor-active) .heroHolder > .e-con-inner {
	transform: translate(0px, 100px);
	opacity: 0;
}

.image-disguised-as-icon .elementor-icon {
	width: 100%;
}

/************************************************* Hero */
.hero {
	-webkit-mask-image: url('../img/precinct8_shape.svg');
    -webkit-mask-size: 95%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;	
    transition: 3s !important;
}
.hero img {
	transition: 4s;
	transform: scale(1.1);
}
.hero.active {
	 -webkit-mask-size: 100%;
}
.hero.active img {
       transform: scale(1);
}

/************************************************* Space List */
.space-list ul li {
	width: 50%;
	margin: 0 !important;
}
.space-list ul li.line {
	width: 100%;
    height: 1px;
    margin: 30px 0 !important;
}
.space-list ul li.line:after {
	content: '';
    background-color: #ffffff;
    height: 1px;
    width: 3000px;
    position: absolute;
    opacity: 0.3;
}
body:not(.elementor-editor-active) .items > * {
	opacity: 0;
}

/************************************************* Flex Me Sideways */
.flex-me-sideways .elementor-icon-box-content {
	display: flex;
    align-items: center;
}
.flex-me-sideways .elementor-icon-box-content .elementor-icon-box-title {
	width: 250px;
}


/* Tabs */
.tabs .elementor-widget-heading {
	left: calc(((100% - var(--container-max-width)) / 2) + 30px) !important;
}
.tabs .e-n-tabs-heading {
	position: absolute;
	bottom: 45px;
	right: calc(((100% - var(--container-max-width)) / 2) + 30px);
	z-index: 9999;
}


/* Form */
form input,
form select,
form textarea {
	padding-left: 0 !important;
	box-shadow: none !important;
}
.elementor-field-type-acceptance .elementor-field-option {
	display: flex;
    align-items: start;
    gap: 15px;
}
.elementor-field-subgroup label {
	text-transform: none !important;
}


/* Contacts */
.e-link-in-bio {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 20px 0 15px 0;
    width: 100%;
}
.e-link-in-bio__content {
    flex-direction: row; 
    width: 100%;
    align-items: center;
}  
.e-link-in-bio__bio {
	text-align: left;
    width: 50%;
}
.e-link-in-bio__icon-svg {
	display: none !important;
}
.e-link-in-bio__icons {
	display: block;
    margin: 0;
    width: 50% !important;
    max-width: unset !important;
    padding: 0 !important;
    margin-block-start: unset !important;
}
.e-link-in-bio__icon {
	max-width: unset !important;
	padding-inline: 0 !important;
}
.e-link-in-bio__icon .e-link-in-bio__icon-link {
	align-items: end;
}
.e-link-in-bio__ctas {
	display: none !important;
}
.e-link-in-bio__icons [aria-label="Telephone"] .e-link-in-bio__icon-label {
	font-size: 20px !important;
}

.slide {
	padding: 20px;
}
.slide:nth-child(1) img {
	margin-top: 50px;
}
.slide:nth-child(2) img {
	margin-top: 150px;
}
.slide:nth-child(3) img {
	margin-top: 50px;
}
.slide:nth-child(4) img {
	margin-top: 0;
}
.slide:nth-child(5) img {
	margin-top: 200px;
}
.slide:nth-child(6) img {
	margin-top: 50px;
}

@media screen and (max-width: 1366px) {
	
	.stickit {
/* 		background-attachment: fixed; */
	}
	
	/* Tabs */
	.tabs .elementor-widget-heading {
		left: 30px !important;
	}
	.tabs .e-n-tabs-heading {
		right: 30px;
	}

	.space-list ul li.line:after {
	    display: block;
        width: 100%;
        position: relative;
	}

}

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

	.clipped-two img {
    	clip-path: polygon(0 0, 50px 0, 90px 50px, 100% 50px, 100% 100%, 0 100%);
	}
	img.clipped-topLeft {
		clip-path: polygon(0 50px, 50px 50px, 90px 0, 100% 0, 100% 100%, 0 100%);
	}
	img.clipped-topRight {
		clip-path: polygon(0 0, calc(100% - 90px) 0, calc(100% - 50px) 50px, 100% 50px, 100% 100%, 0 100%);
	}
	img.clipped-bottomLeft {
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 50px 100%, 25px calc(100% - 50px), 0 calc(100% - 50px));
	}
	img.clipped-bottomRight {
		clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 50px), calc(100% - 50px) calc(100% - 50px), calc(100% - 70px) 100%, 0 100%);
	}
	
	
	.clipped-three {
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 50px 100%, 25px calc(100% - 50px), 0 calc(100% - 50px));
	}
	.clipped-four {
		clip-path: polygon(0 0, calc(100% - 90px) 0, calc(100% - 50px) 50px, 100% 50px, 100% 100%, 0 100%);
	}




}

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

	.d-none {
		display: none;
	}

	header {
		background-color: #3D3A36ED !important;
        backdrop-filter: blur(4px);
	    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
	    position: fixed !important;
	    top: 0;
	    left: 0;
	    z-index: 9999 !important;
	    height: 100% !important;
	    pointer-events: none;
	    opacity: 0;
	    visibility: hidden;
	    transition: 0.5s !important;
	}
	header .elementor-widget-icon-list {
		margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px) !important;
        max-width: none !important;
	}
	header ul {
		flex-direction: column;	
		align-items: normal;
	}
	header ul li {
		border-bottom: 1px solid #ffffff30;
		padding: 30px 0 !important;
	}
	header ul li a span {
		color: #fff !important;
		margin: auto;
	}
	header .elementor-button {
		background-color: #fff !important;
		border: 0 !important;	
	}
	header.active {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}
	


	/************************************************* Hero */
	.hero {
		-webkit-mask-image: url('../img/precinct8_shape_mobile.svg');
	    -webkit-mask-size: 95%;
	}

	.slide {
		width: 300px;
		padding: 10px;
	}
	.slide:nth-child(1) img {
		margin-top: 30px;
	}
	.slide:nth-child(2) img {
		margin-top: 10px;
	}
	.slide:nth-child(3) img {
		margin-top: 30px;
	}
	.slide:nth-child(4) img {
		margin-top: 0;
	}
	.slide:nth-child(5) img {
		margin-top: 70px;
	}
	.slide:nth-child(6) img {
		margin-top: 30px;
	}
	
	
	
	.space-list ul {
		flex-direction: column;
	}
	.space-list ul li {
		width: 100%;
        border-bottom: 1px solid #ffffff30;
        padding: 18px 0 !important;
	}
	.space-list ul li.line {
		display: none;
	}
	
		
	

	/* Tabs */
	.tabs .elementor-widget-heading {
		left: 20px !important;
	}
	.tabs .e-n-tabs-heading {
		right: 5px;
        bottom: 15px;
	}
	
	
	/************************************************* Flex Me Sideways */
	.flex-me-sideways .elementor-icon-box-content {
        align-items: start;
        flex-direction: column;
	}
	.flex-me-sideways .elementor-icon-box-content .elementor-icon-box-title {
		width: 100%;
	}
	
	
	/************************************************* Contacts */
	.e-link-in-bio__content {
	    flex-direction: column;
	    align-items: start;
	}
	.e-link-in-bio__bio {
	    width: 100%;
	}
	.e-link-in-bio__icons {
		margin-top: 15px !important;
	    width: 100% !important;
	}
	.e-link-in-bio__icon .e-link-in-bio__icon-link {
    	align-items: start;
	}
	
}