/*-----------------------------------------------------------------

COLUMNATION

-----------------------------------------------------------------*/

.container12 {

    margin:0 auto;

    padding:0px;

    width:100%;

	position:relative;

	z-index:2;	

	display:flex;

	flex-direction:column;

	flex-wrap: wrap;

	padding:0px 35px 0px 35px;

}

.column12 {

	width:100%;

    display:inline-block;

	position:relative;

}



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

    .container12 {

		width:100%;

		max-width:1620px;

		padding-right:50px;

		padding-left:50px;

		flex-direction:row;

	}

}



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

    .container12 {

		padding-right:80px;

		padding-left:80px;

	}

}





/*-----------------------------------------------------------------

GENERAL AND DEFAULTS

-----------------------------------------------------------------*/

html, body, .post, .page{

    margin:0px;

	background:#fef8ec;

	line-height:0px;

}

*{

    -moz-box-sizing:border-box !important;

    -webkit-box-sizing:border-box !important;

    box-sizing:border-box !important;

}

*:focus{

	outline:none !important;

}

*:focus-visible{

	outline:2px solid #1d2329 !important;

}



p{

	position:relative;

	z-index:2;

	font-family:inherit;

	color:inherit;

	font-size:inherit;

	font-weight:inherit;

	margin:0px;

}

p + p,

p + ul,

ul + p,

ol + p,

p + ol,

p + ul,

li ul{

	padding:15px 0px 0px 0px;

}

p + h2, p + h3,

ul + h2, ul + h3,

ol + h2, ol + h3, ol + h4, ol + h5{

	padding-top:50px;

}

p + h4, p + h5,

ul + h4, ul + h5{

	padding-top:35px;

}

h2 + h3, h2 + h4, h2 + h5{

	padding-top:10px;

}



h1{

	font-family: "Onest", serif;

	font-optical-sizing: auto;

	font-weight: 900;

	font-style: normal;

	font-size: 36px;

	line-height: 36px;

	letter-spacing:-0.34px;

	margin:0px;

	padding:0px;

}

h2{

	font-family: "Onest", serif;

	font-optical-sizing: auto;

	font-weight: 700;

	font-style: normal;

	margin:0px;

	padding:0px 0px 15px 0px;

	font-size: 30px;

	line-height: 32px;

	letter-spacing:-0.48px;

	color:#006A5B;

}

h3{

	font-family: "Onest", serif;

	font-weight: 600;

	font-style: normal;

	font-size: 26px;

	line-height: 30px;

	margin:0px;

	padding:0px 0px 10px 0px;

	letter-spacing:-0.36px;

	color:#006A5B;

}

h4{

	font-family: "Onest", serif;

	font-weight: 600;

	font-style: normal;

	font-size: 22px;

	font-style: normal;

	line-height: 120%;

	margin:0px;

	padding:0px 0px 10px 0px;

	letter-spacing:-0.6px;

	color:#006A5B;

}



body p,

body ul,

body ol,

.normal{

	font-family: "Gantari", serif;

	font-optical-sizing: auto;

	font-weight: 300;

	font-size:16px;

	line-height:22px;

	letter-spacing:-0.6px;

	font-style: normal;

	color:#000000;

}



.eyebrow{

	font-family: "Onest", serif;

	font-style: normal;

	position:relative;

	display:inline-block;

	font-weight: 600;

	font-size:18px;

	line-height:20px;

	margin-bottom:20px;

	color:#006A5B;

}



.large{

	font-size:20px;

}

.small{

	font-size:12px;

	line-height:18px;

	letter-spacing:-0.42px;

}



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

	h1{

		font-size: 40px;

		line-height: 42px;

	}

}



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

	h1{

		font-size: 46px;

		line-height: 50px;

	}

	h2{

		font-size: 40px;

		line-height:44px;

	}

}



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

	h1{

		font-size: 62px;

		line-height:66px;

		letter-spacing:-0.7px;

	}

	h3{

		font-size: 36px;

		line-height:40px;

	}

	h4{

		font-size: 20px;

		line-height:24px;

	}



	body p,

	body ul,

	body ol,

	.normal{

		font-size: 20px;

		line-height:26px;

	}



	.large{

		font-size: 22px;

	}

	.small{

		font-size:14px;

		line-height:19px;

	}



	.eyebrow{

		margin-bottom:25px;

		font-size: 22px;

	}

}



@media only screen and (min-width:1280px) {

	h1{

		font-size: 70px;

		line-height:74px;

	}

	h2{

		font-size: 48px;

		line-height:52px;

	}

}



.light{

	font-weight:300;

}

.regular{

	font-weight:400;

}

.bold,

strong{

	font-weight:600;

}

.black{

	font-weight:800;

}



.green{

	color:#006A5B;

}

.yellow{

	color:#FED16D;

}

	

a.skip {

	display:inline-block;

	padding:10px 14px;

	border-radius: 5px;

	background:#072624;

	color: #FFF !important;

	z-index:9999;

	position: absolute;

	top: -1000px;

	left: -1000px;

	text-align: left;

	overflow: hidden;

	font-size:14px;

	font-weight:600;

	line-height:normal;

	width: auto; 

	height: auto; 

}

a.skip:active,  

a.skip:focus, 

a.skip:hover {

	color: #FFF !important;

	overflow: visible; 

	left: 10px; 

	top: 10px;

}



a,

a:link,

a:visited{

	color:#000000;

	text-decoration:underline;

	transition: all .2s ease-in-out 0s;

}

a:hover,

a:active,

a:focus{

	text-decoration:none;

	color:#006A5B;

	transition: all .2s ease-in-out 0s;

}



ul{

	margin:0px;

	padding:0px;

	list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7"><circle cx="3" cy="3" r="2" fill="%23000000"/></svg>');



}

ol{

	margin:0px;

	padding:0px;

}

ul li,

ol li{

	position:relative;

	margin-left:0px;

	padding-top:5px;

	padding-bottom:0px;

}

ul li:first-child,

ol li:first-child{

	padding-top:0px;

}

ul li:last-child,

ol li:last-child{

	padding-bottom:0px;

}

ul li{

	padding-left:0px;

}



hr,

hr.wp-block-separator{

	width:100%;

	margin:20px 0px 20px 0px;

	padding:0px;

	border:0px;

	height:0px;

	border-bottom:1px solid #000;

}



.center{

	text-align:center;

}

.left{

	text-align:left;

}

.right{

	text-align:right;

}



.DARK{

	position:relative;

}

.TAN{

	position:relative;

	background:#FEF8EC;

}

.BLUE{

	position:relative;

	background:#F1F9F9;

}

.DARK.GREEN{

	background: #006A5B;

}

.DARK *:focus-visible{

	outline:2px solid #FFFFFF !important;

}

.DARK, .DARK p, .DARK a, .DARK a:hover, .DARK a:focus, .DARK h1, .DARK h2, .DARK h4, .DARK h5{

	color:#FFF;

}

.DARK h3{

	color:#FEF8EC;

}

.DARK .eyebrow{

	color:#FFF;

}



.dark_background_compensate{

	width:100%;

	height:auto;

	padding-bottom:25%;

}

.dark_background_mountains{

	display:inline-block;

	z-index:1;

	width:100%;

	height:100%;

	bottom:-60px;

	left:0px;

	position:absolute;

	background:url(/wp-content/uploads/2025/02/foothill_housing_shortage_background@2x.png) bottom left no-repeat;

	background-size:150%;

	mix-blend-mode:multiply;

	opacity:0.4;

}

.dark_background_graphic{

	display:inline-block;

	z-index:2;

	width:75%;

	height:100%;

	max-width:960px;

	bottom:-1px;

	left:-1px;

	position:absolute;

	background:url(/wp-content/uploads/2025/02/foothill_housing_graphic.svg) left bottom no-repeat;

	background-size:contain;

}

.dark_background_boxed{

	padding:0px 10px 0px 10px;

	overflow:hidden;

}

.dark_background_boxed > div{

	border-radius:20px;

	padding:25px;

}

.dark_background_boxed > div .container12{

	padding-left:0px;

	padding-right:0px;

	max-width:1460px;

}



.footnote{

	position:absolute;

	right:0px;

	bottom:100px;

	width:220px;

}



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

	.dark_background_boxed{

		padding:0px 20px 0px 20px;

	}

	.dark_background_boxed > div{

		border-radius:20px;

		padding:30px;

	}

}



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

	.dark_background_boxed > div{

		padding:60px;

	}



	.dark_background_mountains{

		background-size:100%;

	}

	.dark_background_graphic{

		width:65%;

	}

	.footnote{

		bottom:40px;

		width:250px;

	}

}



@media only screen and (min-width: 1280px) {

	.dark_background_compensate{

		padding-bottom:22%;

	}

}



@media only screen and (min-width: 1500px) {

	.footnote{

		width:440px;

	}

}







/*-----------------------------------------------------------------

GUTENBERG OVERRIDES

-----------------------------------------------------------------*/

img,

object,

embed {

	max-width:100%;

}

img {

	height:auto;

}

figure img{

	margin:0px !important;

	border-radius:30px;

}

figure.wp-block-image{

	max-width:100% !important;

	margin:0px !important;

	text-align:left;

}

figure.wp-block-image img{

	width:auto;

	height:auto;

	max-width:100% !important;

	border-radius:30px;

}

.is-content-justification-center{

	text-align:center;

}



/* Maintain aspect ratio for YouTube and Vimeo blocks */

figure.wp-block-embed{

    position:relative;

    z-index:3;

}

.wp-block-embed__wrapper {

    position: relative;

    width: 100%;

    padding-bottom: 56.25%; /* 16:9 aspect ratio */

    height: 0;

    overflow: hidden;

}

.wp-block-embed__wrapper iframe,

.wp-block-embed__wrapper object,

.wp-block-embed__wrapper embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius:30px;

    overflow:hidden;

}





/*-----------------------------------------------------------------

SPACER

-----------------------------------------------------------------*/

.wp-block-spacer.half{

	height:30px !important;

}

.wp-block-spacer.quarter{

	height:15px !important;

}

.wp-block-spacer{

	height:60px !important;

}

.wp-block-spacer.one_plus_half{

	height:60px !important;

}

.wp-block-spacer.double{

	height:90px !important;

}



@media only screen and (min-width: 1280px) {

	.wp-block-spacer.one_plus_half{

		height:90px !important;

	}

	.wp-block-spacer.double{

		height:120px !important;

	}

}





/*-----------------------------------------------------------------

STANDARD IMAGE CONTAINER

-----------------------------------------------------------------*/

.image_container{

	display:inline-block;

	width:100%;

	height:100%;

	position:absolute;

	left:0px;

	top:0px;

}

.image_container img{

	display:inline-block;

	width:100%;

	height:100%;

	position:absolute;

	left:0px;

	top:0px;

}

.image_container.top img{

	object-position:top;

}

.image_container.center img{

	object-position:center;

}

.image_container.bottom img{

	object-position:bottom;

}

.image_container.cover img{

	object-fit:cover;

}

.image_container.contain img{

	object-fit:contain;

}





/*-----------------------------------------------------------------

GUTENBERG COLUMNS

-----------------------------------------------------------------*/

.wp-block-columns{

	position:relative;

	z-index:1;

    margin: 0 auto;

}



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

    .wp-block-columns {

        flex-direction: column !important;

        gap: 0px !important;

	}

    .wp-block-column {

        padding: 0px;

    }



	.wp-block-columns.stack_mobile_center{

		text-align:center !important;

	}

	.wp-block-columns.stack_mobile_center figure.alignright{

		float:none;

		text-align:center;

		display:inline-block;

	}



	.wp-block-columns .wp-block-column.mobile_center *{

		text-align:center !important;

		justify-content:center !important;

	}

}



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

    .wp-block-columns:not(.break_larger) {

        flex-direction: row !important;

        gap: 80px !important;

	}

    .wp-block-columns.break_larger {

        flex-direction: column !important;

        gap: 0px !important;

	}



	.wp-block-column.featured p{

		border-left:1px solid #F1F9F9;

		padding-left:16px;

	}

}



@media only screen and (min-width: 1280px) {

    .wp-block-columns.break_larger{

        flex-direction: row !important;

        gap: 80px !important;

	}

}



@media only screen and (min-width:1500px) {

	.wp-block-columns{

		gap:120px !important;

	}

}





/*-----------------------------------------------------------------

BUTTONS

-----------------------------------------------------------------*/

.wp-block-buttons{

	width:100%;

	margin:30px 0px 0px 0px;

}

.wp-block-buttons:first-child {

    margin: 0px;

}

h1 + .wp-block-buttons,

h2 + .wp-block-buttons,

h3 + .wp-block-buttons,

h4 + .wp-block-buttons,

h5 + .wp-block-buttons{

	margin-top:10px;

}

.wp-block-button{

	display:inline-block !important;

	width:auto;

	margin:0px !important;

	padding:0px !important;

}

.wp-block-buttons + .wp-block-buttons .wp-block-button{

	margin-top:15px;

}

.wp-block-button + .wp-block-button{

	margin-left:10px !important;

}



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

	.wp-block-button + .wp-block-button{

		margin-top:20px !important;

		margin-left:0px !important;

	}

}



input[type="submit"],

select,

.wp-block-button .wp-block-button__link,

#TOP ul#primary-menu li.is-style-fill a,

#TOP ul#primary-menu li.is-style-outline a{

	text-decoration:none;

	display:inline-block;

	font-size: 18px;

	font-style: normal;

	font-weight: 500;

	letter-spacing:-0.54px;

	line-height: normal;

	font-style: normal;

	position:relative;

	border:1.5px solid #006A5B;

	padding:12px 34px;

	border-radius:10px;

	transition: all .2s ease-in-out;

	cursor:pointer;

}



input[type="submit"]:hover,

input[type="submit"]:focus,

select:hover,

select:focus,

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,

.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,

#TOP ul#primary-menu li.is-style-fill a:hover,

#TOP ul#primary-menu li.is-style-fill a:focus{

	color:#006A5B;

	border:1.5px solid #006A5B;

	transition: all .2s ease-in-out;

}



.wp-block-button.is-style-outline .wp-block-button__link,

#TOP ul#primary-menu li.is-style-outline a{

	color:#006A5B;

}

.wp-block-button.is-style-outline .wp-block-button__link:hover,

.wp-block-button.is-style-outline .wp-block-button__link:focus,

#TOP ul#primary-menu li.is-style-outline a:hover,

#TOP ul#primary-menu li.is-style-outline a:focus{

	color:#FFF;

	padding:12px 22px 12px 46px;

}



.wp-block-button:not(.is-style-fill) .wp-block-button__link::after,

#TOP ul#primary-menu li.is-style-outline a::after{

	background:#006A5B;

	border-radius:5px;

	width:0px;

	height:100%;

	position:absolute;

	z-index:-1;

	right:0px;

	top:0px;

	content:"";

	display:inline-block;

	opacity:0;

	transition:all 0.3s ease-in-out;

}

.wp-block-button:not(.is-style-fill) .wp-block-button__link:hover::after,

.wp-block-button:not(.is-style-fill) .wp-block-button__link:focus::after,

#TOP ul#primary-menu li.is-style-outline a:hover::after,

#TOP ul#primary-menu li.is-style-outline a:focus::after{

	width:100%;

	opacity:1;

	transition:all 0.3s ease-in-out;

}



.wp-block-button:not(.is-style-fill) .wp-block-button__link::before,

#TOP ul#primary-menu li.is-style-outline a::before{

	position:absolute;

	z-index:1;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	content:"";

	display:inline-block;

	opacity:0;

	background:url(/wp-content/uploads/2025/02/foothill_btn_arrow_green.svg) center left 20px no-repeat;

	background-size:18px;

	transition: all .3s ease-in-out;

}

.wp-block-button:not(.is-style-fill) .wp-block-button__link:hover::before,

.wp-block-button:not(.is-style-fill) .wp-block-button__link:focus::before,

#TOP ul#primary-menu li.is-style-outline a:hover::before,

#TOP ul#primary-menu li.is-style-outline a:focus::before{

	opacity:1;

	transition: all .3s ease-in-out;

}



.DARK .wp-block-button.is-style-outline .wp-block-button__link{

	border:1.5px solid #FFFFFF;

	border-color:#FFF;

	color:#FFF;

}

.DARK .wp-block-button.is-style-outline .wp-block-button__link:hover,

.DARK .wp-block-button.is-style-outline .wp-block-button__link:focus{

	color:#006A5B;

}

.DARK .wp-block-button:not(.is-style-fill) .wp-block-button__link::after{

	background:#FFFFFF;

}





/*-----------------------------------------------------------------

FULL CAROUSEL

-----------------------------------------------------------------*/

.block_full_carousel{

	display:inline-block;

	position:relative;

    z-index:3;

	width:100%;

    height:auto;

	z-index:2;

    overflow:hidden;

	padding:0px 10px 0px 10px;

}

.block_full_carousel_cover{

	display:inline-block;

	z-index:2;

	width:100%;

	height:100%;

	left:0px;

	top:0px;

	position:absolute;

	background: rgb(0,0,0);

	background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 100%);

}

.block_full_carousel_graphic{

	display:inline-block;

	z-index:3;

	width:33%;

	max-width:520px;

	height:100%;

	right:-1px;

	bottom:-1px;

	position:absolute;

	background:url(/wp-content/uploads/2025/01/foothill_slideshow_icon_overlay.svg) right bottom no-repeat;

	background-size:contain;

}

a.block_full_carousel_scroll{

	display:none;

}

.block_full_carousel .slider{

    position:relative;

	z-index:2;

	display:inline-block;

	overflow:hidden;

	width:100%;

    height:auto;

	border-radius:20px;

}

.block_full_carousel .slides_container{

	display:inline-block;

	width:100%;

    height:auto;

	padding-bottom:110%;

}

.block_full_carousel .slide{

	position:absolute;

	z-index:0;

	display:inline-block;

	width:100%;

	height:100%;

	left:0px;

	top:0px;

	transform:translateX(100%);

	visibility:hidden;

    transition: all 0s ease-in-out 1s;

}

.block_full_carousel .slide.active{

	transform:translateX(0);

	visibility:visible;

    transition: all 1s ease-in-out;

}

.block_full_carousel .slide.done{

	transform:translateX(-100%);

    transition: all 1s ease-in-out;

}

.block_full_carousel .image_container{

	position:relative;

	display:inline-block;

	width:100%;

    height:100%;

	z-index:1;

}

.block_full_carousel .image_container .image{

	position:relative;

	z-index:1;

	display:inline-block;

	width:100%;

    height:100%;

}

.block_full_carousel .image_container .image img{

	position:absolute;

	left:0px;

	top:0px;

	object-fit:cover;

	width:100%;

	height:100%;

}

.slides_nav_container{

	display:none;

}



.block_full_carousel .content_container{

	position:absolute;

	z-index:2;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	padding-top:30px;

}



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

	.block_full_carousel{

		padding:0px 20px 0px 20px;

	}

	.block_full_carousel .content_container{

		padding-top:40px;

	}

	.block_full_carousel .slides_container{

		padding-bottom:60%;

	}

}



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

	.block_full_carousel .slides_container{

		padding-bottom:50%;

	}



	.block_full_carousel .content_container{

		padding-top:60px;

	}



	a.block_full_carousel_scroll{

		display:inline-block;

		z-index:5;

		width:46px;

		height:46px;

		right:80px;

		bottom:10px;

		position:absolute;

		background:url(/wp-content/uploads/2025/02/foothill_ahf_anchor_down_icon.svg) center center no-repeat;

		background-size:contain;

	}

	a.block_full_carousel_scroll:hover,

	a.block_full_carousel_scroll:focus{

		background:url(/wp-content/uploads/2025/02/foothill_ahf_anchor_down_icon_hover.svg) center center no-repeat;

		background-size:contain;

	}

}



@media only screen and (min-width:1280px) {

	.block_full_carousel .content_container{

		padding-top:80px;

	}



	a.block_full_carousel_scroll{

		width:58px;

		height:58px;

	}

}



@media only screen and (min-width:1620px) {

	a.block_full_carousel_scroll{

		bottom:20px;

	}

}



@media only screen and (min-width:1920px) {

	.block_full_carousel .slides_container{

		height:900px;

		padding-bottom:0px;

	}

	.block_full_carousel .content_container{

		padding-top:120px;

	}

}





/*-----------------------------------------------------------------

CARDS

-----------------------------------------------------------------*/

ul.cards{

	position:relative;

	z-index:4;

    display:grid;

    grid-template-columns: repeat(1, 1fr);

    margin:0px;

    padding:0px;

    list-style:none;

   	row-gap:16px;

	column-gap:16px;

}

ul.cards > li{

    overflow:hidden;

    position:relative;

    display:inline-block;

    width:100%;

    margin:0px;

    padding:0px;

}

ul.cards.has_image{

   	row-gap:40px;

}



ul.cards > li .content_container .content{

    position:relative;

    height:auto;

	margin:0px;

	padding:0px;

}

ul.cards > li .content_container .content p{

	font-family: "Onest", serif;

	font-optical-sizing: auto;

	font-weight: 600;

	font-style: normal;

	font-size: 18px;

	line-height: 22px;

	letter-spacing:-0.6px;

	color:#006A5B;

}

.DARK ul.cards > li .content_container .content p{

	color:#FFFFFF;

}



ul.cards.no_image > li .content_container{

    position:relative;

	z-index:2;

    display:block;

    width:100%;

    height:100%;

	padding:120px 30px 30px 30px;

	background:#FFFFFF;

	border-radius:20px;

}

ul.cards.no_image > li .content_container.icon_placement_bottom{

	padding:30px 30px 155px 30px;

}

ul.cards.no_image > li .content_container .content{

	max-width:330px;

}

ul.cards.no_image > li .icon_container{

    position:absolute;

	right:15px;

	top:15px;

    z-index:3;

    display:inline-block;

    width:110px;

    height:110px;

}

ul.cards.no_image > li .icon_container.bottom{

	top:auto;

	bottom:30px;

}

ul.cards.no_image > li .icon_container img{

    position:absolute;

    right:0px;

    top:0px;

    object-fit:contain;

    object-position: center;

    height:100%;

    width:100%;

}



ul.cards.has_image > li .image_container{

    position:relative;

    z-index:1;

    display:inline-block;

    width:100%;

    height:auto;

    padding-bottom:65%;

	overflow:hidden;

	border-radius:20px;

}

ul.cards.has_image > li .image_container::after{

	position:absolute;

	left:0px;

	bottom:0px;

	width:100%;

	height:30%;

	content:"";

	display:inline-block;

	background: linear-gradient(180deg, #00000000 0%, #000000CC 100%) 0% 0% no-repeat padding-box;

}

ul.cards.has_image > li .image_container img{

    position:absolute;

    left:0px;

    top:0px;

    object-fit:cover;

    object-position: center;

    height:100%;

    width:100%;

}

ul.cards.has_image > li .content_container{

    position:relative;

	z-index:2;

    display:block;

    width:100%;

    height:auto;

	padding:0px 20px 0px 20px;

	margin-top:-35px;

}

ul.cards.has_image > li .heading{

    position:relative;

	font-family: "Onest", serif;

	font-optical-sizing: auto;

	font-weight: 800;

	font-style: normal;

	font-size: 64px;

	line-height: 62px;

	letter-spacing:-0.76px;

	color:#FFF;

}



@media only screen and (min-width:620px) {

    ul.cards.no_image.cards_2{

        grid-template-columns: repeat(2, 1fr);

    }

    ul.cards.no_image.cards_3{

        grid-template-columns: repeat(2, 1fr);

    }

    ul.cards.no_image.cards_4{

        grid-template-columns: repeat(2, 1fr);

    }

}



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

    ul.cards.no_image.cards_2{

        grid-template-columns: repeat(2, 1fr);

    }

    ul.cards.no_image.cards_3{

        grid-template-columns: repeat(3, 1fr);

    }

    ul.cards.no_image.cards_4{

        grid-template-columns: repeat(2, 1fr);

    }



    ul.cards.has_image.cards_2{

        grid-template-columns: repeat(2, 1fr);

    }

    ul.cards.has_image.cards_3{

        grid-template-columns: repeat(3, 1fr);

    }

    ul.cards.has_image.cards_4{

        grid-template-columns: repeat(2, 1fr);

    }



	ul.cards.has_image > li .heading{

		font-size: 52px;

		line-height: 50px;

	}

}



@media only screen and (min-width:1280px) {

	ul.cards.has_image > li .content_container{

		margin-top:-40px;

	}

}



@media only screen and (min-width:1380px) {

	ul.cards > li .content_container .content p{

		font-size: 20px;

		line-height: 24px;

		padding-right:40px;

	}



	ul.cards.has_image > li .content_container{

		margin-top:-45px;

	}

	ul.cards.has_image > li .heading{

		font-size: 76px;

		line-height: 72px;

	}

}





/*-----------------------------------------------------------------

FULL IMAGE

-----------------------------------------------------------------*/

.full_image{

	display:inline-block;

	width:100%;

	height:auto;

	position:relative;

	line-height:0px;

}

.full_image .content_container .content{

	padding:30px;

}

.full_image .content_container .content h3{

	text-transform:uppercase;

	font-size: 26px;

	line-height: 30px;

	letter-spacing:-0.32px;

}



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

	.full_image .image_container{

		position:relative;

		padding-bottom:60%;

		height:auto;

	}

	.full_image .container12{

		width:100%;

		padding:0px;

	}

}



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

	.full_image{

		display:inline-block;

		width:100%;

		height:100vh;

		position:relative;

	}



	.full_image .content_container{

		position:absolute;

		bottom:30px;

		right:0px;

		width:100%;

	}

	.full_image .content_container .content{

		border-radius:20px;

		width:386px;

		float:right;

	}

}



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

	.full_image .content_container .content{

		width:496px;

	}

	.full_image .content_container .content h3{

		font-size:32px;

		line-height:52px;

	}

}



@media only screen and (min-width:1280px) {

	.full_image .content_container{

		bottom:60px;

	}

}



@media only screen and (min-width:1620px) {

	.full_image{

		height:90vh;

	}

	.full_image .content_container{

		bottom:90px;

	}

}





/*-----------------------------------------------------------------

TEXT + IMAGE

-----------------------------------------------------------------*/

.text_image{

    position:relative;

	display:inline-block;

	width:100%;

}

.text_image .wrapper{

	display:inline-block;

	width:100%;

}

.text_image .content_container,

.text_image .image_container{

	position:relative;

	display:inline-block;

	width:100%;

    text-align:left;

}

.text_image .content_container{

	z-index:2;

	margin-top:30px;

}



.text_image ul.slides_container{

	position:relative;

	height:auto;

	width:100%;

	margin:0px;

	padding:0px;

	padding-bottom:70%;

	list-style:none;

	display:inline-block;

}

.text_image .slide{

	position:absolute;

	display:inline-block;

	left:0px;

	top:0px;

	margin:0px;

	padding:0px;

	width:100%;

	height:auto;

	opacity:0;

	visibility:hidden;

	transition: all .3s ease-in-out;

}

.text_image .slide::before {

	display:none;

}

.text_image .slide.active{

	z-index:2;

	opacity:1;

	visibility:visible;

    transition: all .3s ease-in-out;

}

.text_image .slide .image_container{

	height:auto;

	padding-bottom:70%;

}

.text_image .slide .image_container img{

	border-radius:20px;

}



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

	.text_image .wrapper{

		display:flex;

		flex-direction:row;

		align-items:bottom;

	}

	.text_image .content_container{

		margin-top:0px;

	}

	.text_image.left .content_container{

		order:1;

	}

	.text_image.right .content_container{

		order:2;

	}

	.text_image.left .content_container .content{

		padding:20px 40px 20px 0px;

	}

	.text_image.right .content_container .content{

		padding:20px 0px 20px 40px;

	}

	.text_image.left .content_container .content_text{

		width:100%;

		display:inline-block;

	}

	.text_image.right .content_container .content_text{

		width:100%;

		display:inline-block;

	}



	.text_image .slider{

		position:relative;

		max-height:600px;

		z-index:1;

	}

	.text_image.left .slider{

		order:2;

	}

	.text_image.right .slider{

		order:1;

	}

	.text_image.ratio_standard .content_container{

		width:50%;

	}

	.text_image.ratio_standard .slider{

		width:50%;

	}

	.text_image.ratio_text .content_container{

		width:60%;

	}

	.text_image.ratio_text .slider{

		width:40%;

	}

	.text_image.ratio_image .content_container{

		width:40%;

	}

	.text_image.ratio_image .slider{

		width:60%;

	}



	.text_image ul.slides_container{

		padding-bottom:0px;

		height:100%;

	}

	.text_image .slide{

		width:100%;

		height:100%;

	}

	.text_image .slide .image_container{

		position:relative;

		width:100%;

		height:100%;

		padding-bottom:0px;

	}

}



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

	.text_image .slider{

		max-height:800px;

	}

}



@media only screen and (min-width:1280px) {

	.text_image.left .content_container .content{

		padding:40px 80px 40px 0px;

	}

	.text_image.right .content_container .content{

		padding:40px 0px 40px 80px;

	}

}



@media only screen and (min-width:1620px) {

	.text_image.left .content_container .content{

		padding:40px 140px 40px 0px;

	}

	.text_image.right .content_container .content{

		padding:40px 0px 40px 140px;

	}

}





/*-----------------------------------------------------------------

MAP

-----------------------------------------------------------------*/

.map_text_bubble_container{

	position:relative;

	z-index:2;

	display:inline-block;

	width:100%;

	height:auto;

	padding:25px;

	border-radius:20px;

	border:1.5px solid #006A5B;

	background: rgba(255, 255, 255, 0.5);

	backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

}

.map_text_bubble{

	position:relative;

}

.map_text_bubble ul {

    columns: 2;

    -webkit-columns: 2;

    -moz-columns: 2;

    list-style-position: inside;

}

.map_text_bubble p,

.map_text_bubble ul{

	color:#000000 !important;

	font-size:18px;

	letter-spacing:-0.54px;

	line-height:22px;

	margin:0px;

	padding:0px;

}

.map_text_bubble p{

	padding-bottom:10px;

}



.fahf-map{

	margin-top:40px;

	max-width:680px;

}

.fahf-map .map {

	position: relative;

	display:inline-block;

	width:100%;

}

svg#map {

	position:relative;

	width: 100%;

}

svg#map g path{

	fill:#FFF;

}

svg#map g path.active{

	fill: #FFF;

}

.map.animate svg#map g.active path{

	fill: #83d2ce;

	transition:all 1s ease-in-out;

}



@media only screen and (min-width:560px) {

	.map_text_bubble_container{

		margin-left:110px;

		max-width:330px;

	}

	.fahf-map {

		margin-top:-150px;

		width:500px;

	}

}



@media only screen and (min-width:720px) {

	.map_text_bubble_container{

		margin-left:calc(50% - 160px);

	}

	.fahf-map{

		margin-top:-180px;

		margin-left:auto;

		margin-right:auto;

		width:600px;

	}

}



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

	.map_text_bubble_container{

		margin-left:calc(50% - 175px);

	}

	.fahf-map{

		margin-top:-200px;

		width:650px;

	}

}



@media only screen and (min-width:1280px) {

	.map_text_bubble_container{

		margin-left:110px;

	}

	.fahf-map {

		margin-top:-150px;

		margin-left:0px;

		margin-right:0px;

		width:500px;

	}

}



@media only screen and (min-width:1500px) {

	.map_text_bubble_container{

		margin-left:150px;

	}

	.fahf-map{

		margin-top:-200px;

		width:650px;

	}

	

	.map_text_bubble > div p{

		font-size:16px;

		letter-spacing:-0.16px;

		line-height:22px;

	}

}





/*-----------------------------------------------------------------

HALF GRAPHIC

-----------------------------------------------------------------*/

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

	.half_graphic{

		display:none;

	}

}



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

	.half_graphic{

		position:absolute;

		right:0px;

		bottom:0px;

		width:48%;

		height:calc(100% + 80px);

		background:url(/wp-content/uploads/2025/02/foothill_contact_us_watermark-1.svg) right bottom no-repeat;

		background-size:contain;

	}

}





/*-----------------------------------------------------------------

CONTACT

-----------------------------------------------------------------*/

.contact_cols{

	display:flex;

	flex-direction:column;

	gap:40px;

	height:auto;

	padding-bottom:80px;

}

.contact_cols > .col{

	display:inline-block;

	width:100%;

}



.wpcf7 form .wpcf7-response-output{

	margin:0px;

}



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

	.contact_cols{

		display:flex;

		flex-direction:row;

		gap:160px;

		padding-bottom:40px;

	}

	.contact_cols > .col:first-child{

		width:450px;

	}



	.form_cols{

		display:flex;

		flex-direction:row;

		gap:20px;

	}

	.form_cols > .col{

		display:inline-block;

		width:100%;

	}

}



@media only screen and (min-width:1280px) {

	.contact_cols > .col:first-child{

	}

}



input[type="text"],

input[type="email"],

textarea{

	display:inline-block;

	width:100%;

	background:none;

	padding:12px 18px 12px 18px;

	margin-bottom:16px;

	border:0px;

	background:#015A4C;

	border-radius:10px;

    color: #FFFFFF !important;

	font-size:18px;

}



textarea{

	height:200px;

}

input[type="submit"]{

	cursor:pointer;

	float:right;

	margin:0px;

	padding:13px 48px 13px 48px !important;

}



::-webkit-input-placeholder{

    color: #FFFFFF;

}

::-moz-placeholder{

    color: #FFFFFF;

}

:-ms-input-placeholder {

    color: #FFFFFF;

}

::placeholder {

    color: #FFFFFF;

}



.grecaptcha-badge{

	display:none;

}



label {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important;

}

#submit_form{

	width:0px;

	height:0px;

	overflow:hidden;

	position:absolute;

	margin:0px;

	padding:0px;

	margin-left:-999999px;

	opacity:0;

}

.wpcf7-spinner{

	position:absolute;

	left:0px;

	bottom:0px;

}

.wpcf7 form.invalid .wpcf7-response-output,

.wpcf7 form.sent .wpcf7-response-output{

	border-color:#FFFFFF;

	line-height:normal;

	margin-bottom:20px;

	padding:15px;

}



.wpcf7-not-valid-tip{

	color:#FFF;

}





/*-----------------------------------------------------------------

TOP STYLES AND CONTAINERS

-----------------------------------------------------------------*/

#TOP_COMPENSATION,

#TOP {

	height: 80px;

}

#TOP {

	background: #fef8ec;

	padding: 0px;

	z-index: 10;

	position: fixed;

	width: 100%;

	left: 0;

	top: 0;

	transition:all 0.3s ease-in-out;

}

#TOP.reduced{

	transition:all 0.3s ease-in-out;

}

#TOP #logo {

	z-index: 12;

	position: absolute;

	display: inline-block;

	width: 155px;

	height: 50px;

	top: 15px;

	left: 0px;

	transition:all 0.3s ease-in-out;

}

#TOP #logo img {

	width: auto;

	height: 100%;

	position:absolute;

	left:0px;

	top:0px;

}



#TOP .container12,

#TOP .container12 .column12,

#TOP .navigation_container,

#TOP nav.main-navigation,

#TOP .menu-primary-menu-container {

	height: 100%;

	width: 100%;

	position: relative;

}



#TOP button.menu-toggle {

	z-index: 13;

	border: 0;

	padding: 0;

	margin: 0;

	background: none;

	width: 32px;

	height: 100%;

	position: absolute;

	cursor: pointer;

	left:auto;

	right: 0;

	top: 0;

	background: url(/wp-content/uploads/2025/02/Menu-Button.svg) left center no-repeat;

	background-size: 100% auto;

}

#TOP button.menu-toggle-active {

	background: url(/wp-content/uploads/2025/02/Close-Menu-Button.svg) left center no-repeat;

	background-size: 100% auto;

}



#TOP ul#primary-menu{

	height: calc(100% - 70px);

	top: 70px;

}

#TOP ul#primary-menu {

	z-index: 11;

	display: inline-block;

	width: 100%;

	left: 0;

	list-style: none;

	position: fixed;

	vertical-align: middle;

	background: #fef8ec;

	margin: 0;

	padding: 20px 35px 0px 35px;

	visibility: hidden;

	overflow-x: scroll;

	opacity:0;

	transform: translateX(-100%);

	transition: all .3s ease-in-out;

}

#TOP.active ul#primary-menu{

	visibility: visible;

	opacity:1;

	transform: translateX(0);

}



#TOP ul#primary-menu li {

	background: none;

	position: relative;

	display: inline-block;

	width: 100%;

	padding: 0;

	margin: 0;

	border-top: 1px solid #006A5B;

}

#TOP ul#primary-menu li.contact a::before{

	background:url(/wp-content/uploads/2025/01/foothill_contact_btn_icon.svg) center left 20px no-repeat;

}

#TOP ul#primary-menu li:last-child {

	border-bottom: 1px solid #006A5B;

}

#TOP ul#primary-menu li a{

	text-decoration: none;

	display: inline-block;

	width: 100%;

	line-height: normal;

	padding: 18px 0;

	font-weight: 500;

	font-size: 18px;

	color:#006A5B;

}

#TOP ul#primary-menu li.is-style-fill,

#TOP ul#primary-menu li.is-style-outline{

	display:inline-block;

	width:auto;

	margin-top:15px;

	margin-right:10px;

	border:0px;

}



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

	#TOP ul#primary-menu{

		padding:20px 50px 0px 50px;

	}

}



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

	#TOP .navigation_container {

		text-align: right;

	}

	#TOP nav.main-navigation {

		width: 100%;

		display: inline-block;

	}



	#TOP button.menu-toggle {

		display: none;

	}

	#TOP ul#primary-menu {

		list-style: none;

		position: relative;

		top: auto;

		margin: 0;

		padding: 0;

		display: table;

		height: 100%;

		width: auto;

		float: right;

		visibility: visible;

		transform: none;

		background: none;

		opacity:1;

	}

	#TOP ul#primary-menu li {

		display: table-cell;

		width: auto;

		margin: 0;

		padding: 0;

		height: 100%;

		vertical-align: middle;

		text-align: center;

		border-top:0px;

	}

	#TOP ul#primary-menu li:last-child{

		border:none;

	}

	#TOP ul#primary-menu li a {

		position:relative;

		width: 100%;

		height:auto;

		line-height:normal;

		padding: 0px 20px;

		padding-top:12px;

		padding-bottom:12px;

		margin: 0;

		background: none;

		border: 0;

		transition: all .2s ease-in-out;

	}

	#TOP ul#primary-menu li:not(.is-style-fill):not(.is-style-outline) a::after{

		display:inline-block;

		width:100%;

		height:12px;

		content:"";

		position:absolute;

		left:0px;

		bottom:5px;

		background:url(/wp-content/uploads/2025/02/lni_lni-chevron-down.svg) center center no-repeat;

		background-size:contain;

		opacity:0;

		transition:all 0.3s ease-in-out;

	}

	#TOP ul#primary-menu li:not(.is-style-fill):not(.is-style-outline) a:hover::after,

	#TOP ul#primary-menu li:not(.is-style-fill):not(.is-style-outline) a:focus::after{

		bottom:-5px;

		opacity:1;

		transition:all 0.3s ease-in-out;

	}



	#TOP ul#primary-menu li.is-style-fill,

	#TOP ul#primary-menu li.is-style-outline{

		display:table-cell;

		margin-top:0px;

		margin-right:0px;

		padding-left:10px;

	}

	#TOP ul#primary-menu li.is-style-fill a,

	#TOP ul#primary-menu li.is-style-outline a{

		line-height:normal;

		height:auto;

	}

}



@media only screen and (min-width: 1280px) {

	#TOP,

	#TOP_COMPENSATION{

		height: 120px;

	}

	#TOP.reduced{

		height:80px;

	}

	#TOP #logo {

		top: 20px;

		height:80px;

		width:245px;

	}

	#TOP.reduced #logo{

		top: 10px;

		height:60px;

	}

}





/*-----------------------------------------------------------------

FOOTER

-----------------------------------------------------------------*/

footer{

	position:relative;

	text-align:center;

}



.footer_columns{

	display:flex;

	flex-direction:column;

	align-items:top;

	justify-content:top;

	gap:20px;

	width:100%;

}



footer .footer_logo{

	display:inline-block;

	width:240px;

	height:auto;

	line-height:0px;

}

footer .footer_logo img{

	display:inline-block;

	width:100%;

}



nav.footer_navigation ul{

	display:inline-block;

	width:100%;

	margin:15px 0px 0px 0px;

	padding:0px;

	list-style: none;

}

nav.footer_navigation ul li{

	background:none;

	display:inline-block;

	width:auto;

	padding:0px 10px 0px 10px;

	margin:0px;

	border-right:1px solid #006A5B;

}

nav.footer_navigation ul li:first-child{

	padding-left:0px;

}

nav.footer_navigation ul li:last-child{

	border-right:0px;

	padding-right:0px;

}

nav.footer_navigation ul li::before {

	display:none;

}

nav.footer_navigation ul li a,

.footer_contact{

	position:relative;

	text-decoration: none;

	display:inline-block;

	width:auto;

	padding:0px;

	margin:0px;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 22px;

	letter-spacing:-0.48px;

	color:#006A5B;

}

.footer_contact{

	font-weight:300 !important;

}

nav.footer_navigation ul li a:hover,

nav.footer_navigation ul li a:focus{

	text-decoration:underline;

}



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

	footer{

		text-align:left;

	}



	footer .footer_logo{

		width:160px;

	}



	.footer_columns{

		flex-direction:row;

		gap:40px;

	}

	.footer_columns .footer_column{

		position:relative;

		display:inline-block;

		width:auto;

	}

	.footer_columns .footer_column:nth-child(1){

		flex:1 1 0;

	}

	.footer_columns .footer_column:nth-child(2){

		padding-top:15px;

		flex:2 1 0;

	}

	.footer_columns .footer_column:nth-child(3){

		padding-top:15px;

		flex:4 1 0;

		text-align:right;

	}



	.footer_columns .footer_column:nth-child(3) .stick_to_right{

		display:inline-block;

		width:auto;

		text-align:left !important;

	}



	nav.footer_navigation ul li{

		padding:0px 20px 0px 20px;

	}

}



@media only screen and (min-width:1280px){

	footer .footer_logo{

		width:240px;

	}



	.footer_columns{

		flex-direction:row;

		gap:80px;

	}

	.footer_columns .footer_column:nth-child(1){

		flex:2 1 0;

	}

	.footer_columns .footer_column:nth-child(2){

		padding-top:20px;

		flex:3 1 0;

	}

	.footer_columns .footer_column:nth-child(3){

		padding-top:20px;

		flex:4 1 0;

	}

}