/* LEVEL 2 */ .content-lv2{ width:100%; margin:0 auto; padding-left: 50px; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /**/ } .lv1-cb-title{ display:flex; flex-direction:row; align-items:flex-end; height:55px; padding:0px 0 12px 2px; background-repeat:no-repeat; background-size:138px 65px; background-position:left top; font-size:24px; line-height:24px; font-family:'Figtree',sans-serif; color:#000; text-decoration:none;} .lv1-la .lv1-cb-title { background-image: url(../img/la-lv1.svg);} /* lv2 county pics */ .lv1-los-angeles .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_los_angeles_home.webp); } .lv1-monterey .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_monterey_home.webp); } .lv2-seal.lv2-seal-monterey{background-image:url(../img/seal-monterey.webp); } .lv1-napa-county .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_napa_home.webp); } .lv2-seal.lv2-seal-napa{background-image:url(../img/napa-seal.webp); } .lv1-orange-county .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_orange_home.webp); } .lv2-seal.lv2-seal-orange{} .lv1-riverside .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_riverside_home.webp); } .lv2-seal.lv2-seal-riverside{background-image:url(../img/seal-reverside.webp);} .lv1-san-diego .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_san_diego_home.webp); } .lv2-seal.lv2-seal-san-diego{} .lv1-san-francisco .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_san_francisco_home.webp); } .lv2-seal.lv2-seal-san-francisco{} .lv1-san-mateo .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_san_mateo_home.webp); } .lv2-seal.lv2-seal-san-mateo{} .lv1-santa-barbara .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_santa_barbara_home.webp); } .lv2-seal.lv2-seal-santa-barbara{background-image:url(../img/seal-santa-barbara.webp);} .lv1-santa-clara .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_santa_clara_home.webp); } .lv2-seal.lv2-seal-santa-clara{} .lv1-sonoma-county .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_sonoma_home.webp); } .lv2-seal.lv2-seal-sonoma{background-image:url(../img/seal-sonoma.webp);} .lv1-ventura-county .lv1-cb-pic{ background-image:url(../images/osproperty/category/cp_county_ventura_home.webp); } .lv2-seal.lv2-seal-ventura{background-image:url(../img/seal-ventura.webp);} .lv1-los-angeles .lv1-cb-title { background-image: url(../img/la-lv1.svg);} .lv1-monterey .lv1-cb-title { background-image: url(../img/mn-lv1.svg);} .lv1-napa-county .lv1-cb-title{ background-image: url(../img/np-lv1.svg);} .lv1-orange-county .lv1-cb-title{ background-image: url(../img/o-lv1.svg); } .lv1-riverside .lv1-cb-title{background-image: url(../img/rs-lv1.svg);} .lv1-san-diego .lv1-cb-title{background-image: url(../img/sd-lv1.svg);} .lv1-san-francisco .lv1-cb-title{background-image: url(../img/sf-lv1.svg);} .lv1-san-mateo .lv1-cb-title{background-image: url(../img/sm-lv1.svg);} .lv1-santa-barbara .lv1-cb-title{background-image: url(../img/sb-lv1.svg);} .lv1-santa-clara .lv1-cb-title{background-image: url(../img/sc-lv1.svg);} .lv1-sonoma-county .lv1-cb-title{background-image: url(../img/sn-lv1.svg);} .lv1-ventura-county .lv1-cb-title{background-image: url(../img/vn-lv1.svg);} .lv2-top-block{ display: flex; width:93.5%;} .content-lv2 .breadcrumbs{margin: 23px 0 22px 0;} .lv2-toptext{ margin-left:auto; } .lv2-toptext h2{ margin: 20px 0 0 0 ; font-size:17px; line-height:19px; padding: 0px; font-family: 'Figtree', sans-serif; text-align:right; } .lv2-upper-text{margin-top: 0px; font-size:14px; font-weight:400 ; line-height:17px; font-family: 'Figtree', sans-serif; } .lv2-gb{ position: relative; width:100%; height:64px; margin-top: 5px; background-color:#f6f6f6; } .lv2-seal{position: absolute; top: 0px; left: 50%; transform: translate(-50%, -50%); width:98px; height:98px; background-repeat:no-repeat; background-size:100%; } .lv2-seal-san-francisco{ background-image:url(../img/seal-san-francisco.png); } .lv2-seal-orange{ background-image:url(../img/seal-orange.png); } .lv2-seal-san-diego{ background-image:url(../img/seal-san-diego.png); } .lv2-seal-san-mateo{ background-image:url(../img/seal-san-mateo.png); } .lv2-seal-santa-clara{ background-image:url(../img/seal-santa-clara.png); } .lv2-seal-los-angeles{ background-image:url(../img/seal-los-angeles.png); } .content-lv2-wrapper{width:94%; margin:10px 0 80px 0; display: flex; flex-direction: row; min-height: 700px; } .content-lv2-wrapper .lv2-county a{ cursor:default; } .lv2-county{ flex-shrink: 2; width:15.6%; margin-right:2%; } .lv2-county .lv1-cb-pic { padding-bottom:205%; } .lv2-cities{ flex-shrink: 3; width:82.4%; } .lv2-cities ul{ display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .lv2-cities ul li{ width:23.5%; margin:0 0.75% 1vw 0.75%; } .lv2-cities ul li a{text-decoration:none;} .lv2-cities ul li div.lv2-city-item-pic{ /**/position: relative; height: 0px; padding-bottom: 66.5%; overflow:hidden; } .lv2-cities ul li div img{ /**/ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); height: 100%; width: 100%; object-fit: cover; } .lv2-cities ul li h4{ margin-top: 2px; font-size: 19px; line-height: 22px; font-family: 'Figtree', sans-serif; font-weight:400; color:#000; } /**/ .lv2-item-line{ position: absolute; width: 100%; bottom: 0px; display: flex; flex-direction: row; padding: 7px 0 8px 0px; background-color:rgba(0, 0, 0, 0.5); } .lv2-item-line div{ padding-left: 8px; width: 33.333%; font-size:13px; line-height:13px; font-family: 'Figtree', sans-serif; color:#fff; text-align:center; } .lv2-item-line div span{ font-size:17px; } .lv2-il-homes{ padding-right:8px; border-right: 1px solid rgba(255, 255, 255, 0.4); } .lv2-il-condos{padding-right:8px; border-right: 1px solid rgba(255, 255, 255, 0.4); } .lv2-il-lease{} /**/ .lv2-item-def{ opacity:1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .lv2-item-hover{ opacity: 0; z-index: 2; position: absolute; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.5); transform: translate3d(0,0px,0); transition: transform 0.35s ease 0.1s, opacity 0.5s ease 0.1s;} .lv2-hover-listed{ padding-top: 28px; font-size:24px; line-height:24px; font-family: 'Figtree', sans-serif; color:#fff; text-align:center; } .lv2-hover-range{ padding-top: 18px; font-size:16px; line-height:16px; font-family: 'Figtree', sans-serif; color:#fff; text-align:center; } .lv2-hover-range span{font-size:20px; line-height:20px; } .lv2-hover-median{ padding-top: 12px; font-size:16px; line-height:16px; font-family: 'Figtree', sans-serif; color:#fff; text-align:center; } .lv2-hover-median span{ font-weight: bold; } .lv2-hover-separator{ width:80%; height:1px; margin: 0.8vw auto 0px; background-color:rgba(255, 255, 255, 0.5); } .lv2-hover-low{ display:flex; flex-direction:row; margin-top:10px; } .lv2-hover-low div{ width: 33.333%; font-size:24px; line-height:24px; color:#fff; font-weight:700; text-align:center; } .lv2-hover-low div span{display:block; font-size:13px; line-height:13px;} .lv2-cities ul li a:hover .lv2-item-def{ opacity:0; } .lv2-cities ul li a:hover .lv2-item-hover{ opacity:1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); transition: transform 0.35s ease 0.1s, opacity 0.5s ease 0.1s;}