.catalog-page2{}
.cp2-wrapper{width:96%; margin:0 1% 80px 3%; min-height:700px; }
.cp2-wrapper .breadcrumbs{margin: 16px 0 0px 0%;}
.cp2-title-block{ margin-top:30px; }
	.cp2-title-block h1{font-size:22px; line-height:22px; font-family: 'Figtree', sans-serif; text-transform:uppercase; }
	.cp2-title-block p{ margin-top:15px;  font-size:15px; line-height:20px; font-family: 'Figtree', sans-serif; font-weight:400;   }

	.cp2-content{}
		ul.cp2-content-list{}
			li.cp2-content-item{  display:flex;  flex-direction:row; margin-top:46px; }
				.cp2i-left{ display: flex; width:250px;  flex-shrink:0;/* padding-bottom:0%;*/ background: rgba(0, 0, 0, 0.05) }
					.cp2i-left-wrapper{position: relative;   width:250px; height: 232px;}
						.cp2i-left img{ max-width:100%; height:auto; display:block; }
						.cp2i-left div div{position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0; /* background: rgba(0, 0, 0, 0.2);*/  background: linear-gradient( to top, rgba(0, 0, 0, 0.6), 15%, transparent 60%);  opacity: 1;  transition: opacity 0.4s;}
							.cp2i-left div:hover{opacity: 0.5;}
						.cp2i-left span{position: absolute; bottom: 38px; left: 12px; display: block;  width: 56%;  padding-bottom: 26%;  background-size: 100%; background-repeat: no-repeat;  z-index: 1; opacity: 0.6; }
						.cp2i-left p{ position:absolute; bottom: 5px; left:12px; font-size:30px; line-height:30px; color:#fff; }
				/*
				.cp2i-left{position: relative;  flex-shrink:0; width:250px; height: 232px;  }
					.cp2i-left img{ max-width:100%; height:auto; display:block; }
					.cp2i-left div{position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: linear-gradient( to top, rgba(0, 0, 0, 0.6), 15%, transparent 60%);  opacity: 1;  transition: opacity 0.4s;}
						.cp2i-left div:hover{opacity: 0.5;}
					.cp2i-left span{position: absolute; bottom: 38px; left: 12px; display: block;  width: 56%;  padding-bottom: 26%;  background-size: 100%; background-repeat: no-repeat;  z-index: 1; opacity: 0.6; }
					.cp2i-left p{ position:absolute; bottom: 5px; left:12px; font-size:30px; line-height:30px; color:#fff; }
				*/

				.cp2i-right{ flex-shrink:1; width:98%; margin-left:1% }
					.cp2i-right > ul{ display:flex; flex-wrap:wrap; }
						.cp2i-right > ul > li{ width:33%; padding-left:2%; padding-top: 2px; margin: 5px 0 18px 0;  /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}
							.cp2-line1{ display:flex; }
								.cp2-line1 a{font-size:18px; line-height:8px; font-family: 'Figtree', sans-serif; font-weight:600; color:#000; text-decoration:none; }
								.cp2-line1 p{ margin-left: 8px; font-size:13px; line-height:12px; font-family: 'Figtree', sans-serif; font-weight:400; color:#2075ae; }
							.cp2-line2{display:flex; margin-top:4px; }
								.cp2-line2 p{font-size:14px; line-height:17px; font-family: 'Figtree', sans-serif; font-weight:600; color:#43667e;}
								.cp2-line2 span{ padding: 0 9px 0 14px; font-size:12px; line-height:16px;  color:#000;}
								ul.cp2-types{ display:flex; }
								ul.cp2-types li{ position: relative; width: 33%; margin:0 4px 0 0; padding-right:4px;  }
									ul.cp2-types li::after{ position:absolute; right: 0px; top: 3px;  width:1px; height:12px; background-color:#333437; content:' '; }
									ul.cp2-types li a{font-size:13px; line-height:13px; font-family: 'Figtree', sans-serif; font-weight:600; color:#333437; text-decoration:none; }
										ul.cp2-types li a:hover{text-decoration: underline;}
										ul.cp2-types li:last-child::after{display: none;}

				.list-readmore{  max-height:217px; overflow:hidden; transition: height 300ms; }
				.list-readmore-show-wrapper{ position: relative; width: 100%; height: 13px; border-bottom:1px solid #6ebde1; padding:0px; }
				.list-readmore-show{ position: absolute; left: 50%; right: 50%; bottom: -1px; width: 150px; margin-left: -75px; display: block;  color:#00a4d6; background-color: #fff; text-decoration:none; text-align:center; font-size:17px;
				 line-height:17px; font-family: 'Figtree', sans-serif; font-weight:600; }

				 .list-readmore[aria-expanded="true"]{ /*min-height:330px;*/ }

/* letters above the picture */
.cp2-los-angeles .cp2i-left span{background-image: url(../img/home-let-la.svg);}
.cp2-monterey .cp2i-left span{background-image: url(../img/home-let-mn.svg);}
.cp2-napa .cp2i-left span{background-image: url(../img/home-let-np.svg);}
.cp2-orange .cp2i-left span{background-image: url(../img/home-let-oc.svg);}
.cp2-riverside .cp2i-left span{background-image: url(../img/home-let-rs.svg);}
.cp2-sandiego .cp2i-left span{background-image: url(../img/home-let-sd.svg);}
.cp2-sanfnacisco .cp2i-left span{background-image: url(../img/home-let-sf.svg);}
.cp2-sanmateo .cp2i-left span{background-image: url(../img/home-let-sm.svg);}
.cp2-santabarbara .cp2i-left span{background-image: url(../img/home-let-sb.svg);}
.cp2-santaclara .cp2i-left span{background-image: url(../img/home-let-sc.svg);} 
.cp2-sonoma .cp2i-left span{background-image: url(../img/home-let-sn.svg);}  
.cp2-ventura .cp2i-left span{background-image: url(../img/home-let-vn.svg);}

.just-listed.cp2-wrapper{position:relative;  }


.cp2-marker {
  position: relative;
}
.cp2-marker > div {
  position: absolute;
  top: 0;
  right: 0;
}
.cp2-marker > div > div {
  position: fixed; top: 300px; z-index: -1;
  transform: translateX(-100%);
 display:block; 
}

.just-listed .cp2-marker > div > div{width:44px; height:362px;  background-size:44px 362px;  background-image:url(../img/cp2-just-listed.png); }
.new-construction .cp2-marker > div > div{width:44px; height:631px;  background-size:44px 631px;  background-image:url(../img/cp2-new-construction.png); } 
.virtual-tour .cp2-marker > div > div{width:44px; height:468px;  background-size:44px 468px;  background-image:url(../img/cp2-virtual-tours.png); } 

/*
.cp2-marker-container{ position:relative; }
	.cp2-marker-container > .cp2-marker-wrapper{ position:absolute; top:0px; right:0px; }
		.cp2-marker-container > .cp2-marker-wrapper > .cp2-marker{ position:fixed; top: 0px; right: 0px;  transform: translateX(-100%); display:block; width:44px; height:362px; background-image:url(../img/test-1.jpg); background-size:44px 362px; }


*/
/*
.just-listed.cp2-wrapper{position:relative; z-index:0; }
.just-listed.cp2-wrapper::after{ position:absolute; top: 150px; right: 20px; display:block; width:44px; height:362px; background-image:url(../img/test-1.jpg); background-size:44px 362px; content:" "; z-index:-1;  }
*/



	

/* cp2-just-listed */