@charset "UTF-8";
#searchTabs ul, #searchTabs ul li, #searchTabs ul li a, #searchTabs ul li a span{ font-size: 14px; line-height: 18px; }
#searchTabs ul {list-style: none outside none; margin: 0; padding:0;}
#searchTabs ul li{display: inline-block; float: left; border:1px solid #ddd;  border-bottom:none; background:url(/static/css/cobrands/fdc/img/ddd_dot-17c94b7fdf1c3d8c65004e07bfcaded1.png) bottom  repeat-x #ecf0f1; width:180px; height:44px;}	
#searchTabs ul li.current {background:#fff;}
#searchTabs ul li a {padding:5px 20px; display: block; text-decoration: none; }
#searchTabs ul li:first-child a {padding-left:30px;}
#searchTabs ul li a span{padding-top: 6px; padding-bottom: 5px; display:block; color:#121d28; font-weight:600; }

#stateSearchBox p {
	color:#666;
}
#stateSearchBox #city_name, #stateSearchBox #zip {
	border:1px solid #ddd;
	width:264px;
	padding:3px;
}
h2.searchboxheading {
	margin-bottom:5px;
}
.stateSearchBoxSubmit {
	margin:10px 0 5px 0;
	width:70px; 
	height:27px; 
	border:none;
}
#searchTabs {
	margin:20px 0 0 0 ;
	display:block;
	clear:both;
	overflow:hidden;
	background:url(/static/css/cobrands/fdc/img/ddd_dot-17c94b7fdf1c3d8c65004e07bfcaded1.png) bottom left repeat-x;
}


@media (min-width: 993px) {
	#searchTabs ul li#neighborhoods_tab { width:210px; }
	#searchTabs ul li#neighborhoods_tab a { padding-left:16px; padding-right:16px; }
}

@media (max-width: 992px) {
	html #searchTabs ul li:first-child:nth-last-child(3),
	html #searchTabs ul li:first-child:nth-last-child(3) ~ li { width:33.33%; }
	html #searchTabs ul li:first-child:nth-last-child(3) a,
	html #searchTabs ul li:first-child:nth-last-child(3) ~ li a { padding-left:8px; padding-right:8px; }
}

#searchTabs ul li a span.tabPrefix { display:inline; padding:0; }

@media (max-width: 600px) {
	#searchTabs ul li a span.tabPrefix { display:none; }
}

#topNeighborhoodList { list-style:none; padding:0; margin:0; column-count:2; column-gap:30px; }
#topNeighborhoodList li { break-inside:avoid; -webkit-column-break-inside:avoid; }
@media (max-width: 767px) {
	#topNeighborhoodList { column-count:1; }
}
.neighborhoodCity { color:#6b7c93; font-size:12px; }
.county_info_wrap {
	margin:0;
}
.county_info_wrap ul {
	list-style:none;
	margin-left:0;
	}
.county_info_wrap ul li span {float:right; padding-right:5px;}
.stateDescription {
	font-size:12px;
	line-height:20px;
	padding:10px 0;
}
#searchByState {
	clear:both;
	overflow:hidden;
}

.boxmap {
	margin:20px 0;
	width:620px;
	clear:both;
}
.boxmap img {
	margin:0 auto;
	display:block;
}
#countyName {
	font-weight:bold;
	padding:3px 0 0 0;
}

#alertbox{ padding: 10px; border: 1px solid #cecece; background-color: #f8f8f8;}

#cityTabContent, #countyTabContent {border:1px solid #ddd; padding:30px; border-top:none; margin-bottom:20px;}
#statePageWrap{margin-top:10px;}
#statePageWrap .statePageAdUnit{text-align: center;}
@media (max-width: 760px) {
	#statePageWrap h1{font-size:26px;}
	#statePageWrap h2{font-size:22px;}
	#searchTabs ul li a{padding: 5px 10px;}
	#searchByCity li, #countyTabContent li, #searchByNeighborhood li {padding: 5px 15px;}
	}
@media (max-width: 991px) and (min-width: 768px) {
	#stateSearchBox{margin-top:20px;}
}

#statePageWrap h1{font-size:20px;margin: 5px 0;}
#statePageWrap h2{font-size:20px;margin: 5px 0;}
#statePageWrap .stateDescription{padding:0;}
#foreclosureLTSideBar .sideAlertBox{margin: 0 0 5px 0;}
#searchTabs ul li.current {
    background: rgb(248,248,249);
}
#cityTabContent, #countyTabContent, #neighborhoodTabContent {
    border: 1px solid #ddd;
    padding: 30px;
    border-top: none;
    background-color: rgb(248,248,249);
    margin-bottom: 20px;
}
.tabContent ul li {list-style: none;padding: 5px 0;}
#breadcrumbMain{display:none;}
#foreclosureListingTypeHeader{background-color:rgb(248,248,249);padding:10px 0 40px 0;margin-bottom:20px;}
#foreclosureListingTypeHeader .foreclosureLTSearch h1{font-family: 'Open Sans',sans-serif;letter-spacing: -1px;font-size: 28px; color: #15b4e9;font-weight:600;}
#foreclosureListingTypeHeader .foreclosureLTSearch form{width: 100%;min-height: 50px;border: 1px solid #c7c7c7;border-radius: 8px;border-collapse: separate;background-color: #FFF; -webkit-box-shadow: 0 8px 6px -6px #c7c7c7;-moz-box-shadow: 0 8px 6px -6px #c7c7c7;box-shadow: 0 8px 6px -6px #c7c7c7;}
#foreclosureListingTypeHeader .listingTypeSearchText{height:50px;font-size:16px;border: none;box-shadow: none;}
#foreclosureListingTypeHeader .listingTypeSearchBtn{padding: 3px 12px 0 12px;height:36px;margin-right: 10px;background-color:#e72a57;color:#FFF;border-radius:8px;}
#foreclosureLTMain .foreclosureLTMainContent{background-color:rgb(248,248,249);padding:10px;margin-bottom:20px;}
#foreclosureLTMain .foreclosureLTMainContent h2{margin: 10px 0 10px 0;font-size:24px;}
#foreclosureLTMain .foreclosureLTMainContent p{font-weight:500;}
#foreclosureLTMain .foreclosureLTMainImg {width:100%;border:none;}
#foreclosureLTSideBar .foreclosureLTArticleBox1{width:100%;height:auto;background-color:rgb(248,248,249);margin-bottom:20px;}
#foreclosureLTSideBar .foreclosureLTArticleBox1 h4{font-size:16px;margin:5px 0 5px 0;}
#foreclosureLTSideBar .foreclosureLTArticleBox2{text-align:center;width:100%;height:auto;background-color:#5bcaef;margin-bottom:20px;padding:15px;}
#foreclosureLTSideBar .foreclosureLTArticleBox1Img{width:100%;border:none;height:auto;}
.f_learn_btn{padding: 4px 12px;background-color:#0f97c4;}

@media(max-width: 480px){
	#foreclosureListingTypeHeader .foreclosureLTSearch h1{font-size:20px;}
	#foreclosureListingTypeHeader .listingTypeSearchText {
		height: 50px;
		font-size: 14px;
		border: none;
		box-shadow: none;
	}
	#foreclosureListingTypeHeader .listingTypeSearchBtn {
		padding: 0px 7px 0 7px;
		font-size: 14px;
		height: 36px;
		margin-right: 10px;
		background-color: #e72a57;
		color: #FFF;
		border-radius: 8px;
	}
}
#oneBoxSearchInpState {
    width: 100%; 
}
.sideBox li{color: #15b4e9;font-weight:500;}
#state_totals{font-weight: 700;}

/******* STATE LAW, HOW TO, FAQ section *******/
.law-card {
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e1e4eb;
    padding: 18px 22px;
    margin-bottom: 25px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.04);
}

.law-card h2{margin:20px 0 10px 0 !important;font-size: 26px !important;}

.law-summary {
    font-size: 15px;
    margin-bottom: 14px;
    color: #333;
    line-height: 1.55;
}

.law-features {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.law-features li {
    padding: 8px 0;
    border-bottom: 1px dashed #e5e8ef;
    font-size: 14px;
}

.law-features strong {
    display: inline-block;
    min-width: 180px;
}

.law-badge {
    display: inline-block;
    background: #eef4ff;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 6px;
    margin-left: 6px;
}

.buy-box {
    background: #f5fbf7;
    border: 1px solid #d9f1e0;
    border-radius: 10px;
    padding: 18px 22px;
}
.law-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.law-features li {
    padding: 10px 0 12px 0;
    border-bottom: 1px solid #eceff3;
}

.law-item-label {
    font-weight: 700;
    color: #222;
    font-size: 14px;
    margin-bottom: 2px;
}

.law-item-value {
    font-size: 14px;
    color: #333;
    line-height: 1.55;
}

@media (min-width: 768px) {
    .law-features li {
        display: flex;
        justify-content: space-between;
    }

    .law-item-label {
        width: 32%;
        margin-bottom: 0;
    }

    .law-item-value {
        width: 66%;
    }
}
@media (max-width: 480px) {
    .law-card h2 {
        margin: 20px 0 20px 0 !important;
        font-size: 24px !important;
    }
}
.law_title {
    position: relative;
    padding-left: 0px;
}

.law_title:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f02d";
    left: 0;
    top: 2px;
    font-size: 26px;
    margin-right:6px;
}

.how_title {
    position: relative;
    padding-left: 0px;
}


.how_title:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\e14b";
    left: 0;
    top: 2px;
    font-size: 26px;
    margin-right:6px;
}

#faq_results {margin: 20px 0;}
#faq_results h2{font-size:20px;}
#faq_results .faq-item{margin-bottom: 5px;padding: 5px;}
#faq_results .faq-question{font-weight:500;font-size:16px;margin-bottom:5px;}
#faq_results .faq-answer{display:none;padding:5px 0 5px 5px;}