:root {
	--edge-space: 16px;
	--outside-space: calc((150px * -0.4) + (150/1600*100vw * 1.4));
	--inside-space: calc((240px * -0.4) + (240/1600*100vw * 1.4));
	--vertical-space: calc((80px * -0) + (80/1600*100vw * 1));
	--max-width: 1700px
}

@media screen and (min-width: 1601px) {
	:root {
		--vertical-space: 80px;
		--outside-space: 150px;
		--inside-space: 240px
	}
}

@media screen and (max-width: 800px) {
	:root {
		--outside-space: 30px;
		--vertical-space: 30px;
		--inside-space: 30px
	}
}

#firesmart-banner {
	position: relative
}

#firesmart-banner .background {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden
}

#firesmart-banner .background img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#firesmart-banner .background .gradient {
	background: #001a29;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: .3
}

#firesmart-banner .inside {
	max-width: var(--max-width);
	margin: auto;
	padding: 350px var(--outside-space) 50px var(--outside-space);
	margin-top: 160px;
	position: relative
}

@media screen and (max-width: 1600px) {
	#firesmart-banner .inside {
		padding: calc(175px + 10.9375vw) var(--outside-space) 50px var(--outside-space)
	}
}

@media screen and (max-width: 1090px) {
	#firesmart-banner .inside {
		margin-top: 105px
	}
}

@media screen and (max-width: 920px) {
	#firesmart-banner .inside {
		margin-top: 83px
	}
}

@media screen and (max-width: 800px) {
	#firesmart-banner .inside {
		padding-bottom: 26px
	}
}

#firesmart-banner .inside .go-back {
	position: absolute;
	top: 55px;
	left: var(--outside-space)
}

@media screen and (max-width: 800px) {
	#firesmart-banner .inside .go-back {
		display: none
	}
}

#firesmart-banner .inside .go-back a,
#firesmart-banner .inside .go-back span {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Roboto", "Times New Roman", Times, serif;
	color: #fff;
	letter-spacing: 1px;
	position: relative;
	padding-left: 25px;
	transition: color .3s ease
}

#firesmart-banner .inside .go-back a:after,
#firesmart-banner .inside .go-back span:after {
	content: "";
	position: absolute;
	background: url(/wp-content/themes/array-blank/images/shell/custom-button-arrow.svg);
	left: 10px;
	top: 2.6px;
	width: 6px;
	height: 10.6px;
	background-size: cover;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
	transform: rotate(180deg);
	transition: all .3s ease
}

#firesmart-banner .inside .go-back a:before,
#firesmart-banner .inside .go-back span:before {
	content: "";
	position: absolute;
	right: calc(100% - 19px);
	top: 6.9px;
	width: 0px;
	height: 1.6px;
	background: #fff;
	transition: all .3s ease;
	opacity: 0
}

#firesmart-banner .inside .go-back:hover a,
#firesmart-banner .inside .go-back:hover span {
	background: none;
	color: #fff
}

#firesmart-banner .inside .go-back:hover a:after,
#firesmart-banner .inside .go-back:hover span:after {
	left: 0px
}

#firesmart-banner .inside .go-back:hover a:before,
#firesmart-banner .inside .go-back:hover span:before {
	opacity: 1;
	width: 15px
}

#firesmart-banner .inside .go-back:hover:before {
	width: 100%
}

#firesmart-banner .inside .graphic {
	position: absolute;
	bottom: 50px;
	right: var(--outside-space);
	transform: translateX(50%)
}

@media screen and (max-width: 1300px) {
	#firesmart-banner .inside .graphic {
		bottom: 40px
	}

	#firesmart-banner .inside .graphic svg {
		width: 80px
	}
}

@media screen and (max-width: 1100px) {
	#firesmart-banner .inside .graphic {
		bottom: 30px
	}

	#firesmart-banner .inside .graphic svg {
		width: 70px
	}
}

@media screen and (max-width: 900px) {
	#firesmart-banner .inside .graphic {
		bottom: 25px
	}

	#firesmart-banner .inside .graphic svg {
		width: 60px
	}
}

@media screen and (max-width: 800px) {
	#firesmart-banner .inside .graphic {
		top: 8px;
		bottom: initial
	}

	#firesmart-banner .inside .graphic svg {
		width: 42px
	}
}

#firesmart-banner .inside .primary-heading {
	color: #fff;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	column-gap: 25px
}

@media screen and (max-width: 800px) {
	#firesmart-banner .inside .primary-heading {
		column-gap: 15px
	}

	#firesmart-banner .inside .primary-heading svg {
		width: 50px;
		height: 50px
	}
}

#firesmart-content {
	background: #001a29
}

#firesmart-content .inside {
	display: flex;
	color: #fff;
	max-width: var(--max-width);
	margin: auto;
	position: relative;
	padding: var(--vertical-space) var(--outside-space);
	column-gap: 8%
}

@media screen and (max-width: 1100px) {
	#firesmart-content .inside {
		column-gap: 6%
	}
}

@media screen and (max-width: 950px) {
	#firesmart-content .inside {
		display: block
	}
}

#firesmart-content .inside .custom-link {
	margin: 2.1em 0 2.5em 0
}

#firesmart-content .inside .left,
#firesmart-content .inside .right {
	flex: 0 0 46%
}

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

	#firesmart-content .inside .left,
	#firesmart-content .inside .right {
		flex: 0 0 47%
	}
}

.page.page-id-560 #firesmart-content {
	background: #003b5c
}

.page.page-id-568 #firesmart-content {
	background: #005a6a
}

.other-resources {
	background: #001a29
}

.other-resources .tertiary-heading {
	color: #fff
}

.other-resources .custom-link a {
	letter-spacing: 0
}

#firesmart-content .inside .right .gform_wrapper .gform_fields .gfield .ginput_container{
    border: initial;
}

#firesmart-content .inside .right .gform_wrapper .gform_fields .gfield label{
    margin-bottom: 8px;
    color: white;
}

#firesmart-content .inside .right .gform_wrapper .gform_fields .nice-select{
   color: black;
}

#firesmart-content .inside .right .gfield_description.gfield_consent_description{
        border: initial;
        padding: 0;
        margin-top: 0px;
}
#firesmart-content .inside .right .ginput_container.ginput_container_consent{
        display: flex;
        align-items: center;
        column-gap: 12px;
}
#firesmart-content .inside .right .ginput_container.ginput_container_consent label{
        margin-bottom:0px !important;
}
#firesmart-content .inside .right .ginput_container.ginput_container_consent input{
        width: 22px;
}
#firesmart-content .inside .right .gform_wrapper .gform_fields .gfield.gfield_error .gfield_label{
        color: white;
}
#gform_ajax_spinner_3{
        padding: initial;
}
#gform_ajax_spinner_3:before{
        display: none;
}
#gform_ajax_spinner_3:after{
        display: none;
}

/*# sourceMappingURL=firesmart-inside.css.map */