/*
Theme Name: Beach Scene: default style
Version: 1.7
Author: Wade Berlin
Last edited: Jaspreet Kaur - August 26, 2020
*/

body {
	font-size: 1.2rem;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	padding-top: 25px;
	background: url('/templates/template_8/images/bg2.jpg')repeat-x #9AAFC0;
}
h1, h2, h3, h4, h5, h6, .menu-title, .subdivision-list-title, .condominium-list-title, .fplist-title,
.search-title, .featured_listings_header, .detail-image-title, .detail-streetview-title, .detail-features-title,
.detail-comment-title, .detail-mapview-title, .detail-column-title, .detail-contact-title, .detail-social-title,
.social-title, .comment_title, .subhead_agentlist, .sd_addressbar, .column-title, .blog-title, .testimonial_subtitle,
.agent_listings_header, .notice .subhead, .mtg_title, .liked-list-title, .refine_search .notice_title, .notice_title,
.testimonial .testimonial_title, .agent-testimonial-title, .refine-title {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 5px;
	padding: 3px;
	font-weight: bold;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
input[type="text"], input[type="password"], input[type="email"], input[type="phone"], input[type="tel"], select, textarea {
	padding: 5px;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 1.2rem;
	border: 1px solid #B8A28E;
}
select {
	width: 108px;
	-webkit-appearance: menulist-button;
	height: 30px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="phone"], input[type="tel"] {
	width: 162px;
	height: 30px;
	padding: 5px;
}
textarea {
	min-height: 110px;
}

/*************************************
 *spec the layout divisions
 *************************************/
.maindiv {
	width: 1115px;
	margin: 0 auto;
}
#header {
	background-repeat: no-repeat;
	background-size: 1115px 300px;
	height: 300px;
}
.leftbar {
	width: 200px;
	margin-right: 5px;
	margin-top: 10px;
}
.centerbar {
	width: 705px;
	margin-top: 10px;
}
.rightbar {
	width: 200px;
	margin-left: 5px;
	margin-top: 10px;
}
.footer {
	padding: 10px;
}

/*************************************
* Page styles
* pagebody is a wrapper for the
* display portion of the output.
************************************/
.pagebody {
	font-size: 1.4rem;
	margin-bottom: 5px;
	padding: 5px;
}
.pagebody img {
	vertical-align: middle;
}

/*************************************
* Agent header supports
* the agent info block function
*************************************/
.agentheader {
	font-weight: bold;
	padding-top: 10px;
}
.agentname {
	font-size: 2.0rem;
	font-style: italic;
}
.agent_designations {
	font-size: 1.0rem;
}
.tagline {
	font-size: 1.4rem;
	font-style: italic;
	line-height: 18px;
	margin-bottom: 5px;
}
.agentheader ol {
	width: 580px;
}
.agentheader li {
	margin-top: 2px;
}
.agentimage, .brokerlogo {
	display: inline-block;
	margin-left: 10px;
}
.agent_image img {
	margin-right: 15px;
}
.brokerage {
	font-size: 1.8px;
}

/*************************************
* Footer styles
*************************************/
rem
.footercopy {
	padding: 10px;
	font-size: 1.1rem;
	margin: 0px auto;
	text-align: center;
}
.footercopy a:hover {
	color: #ffffff;
}

.subscribing-brokerage-container {
	text-align: center;
}

.subscribing-brokerage-container .brokerlogo {
	margin-left: 0;;
}

/*************************************
* Center Column styles
*************************************/
.paragraph {
	margin: 15px 0 0px;
	padding-bottom: 20px;
	text-align: justify;
}
.agent_office {
	margin-top: 10px;
}
.agent_message {
	padding: 15px 0;
}

/*************************************
* Breadcrumbs
*************************************/
.breadcrumb {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px;
}
.breadcrumb li {
	display: inline-block;
	padding: 0px 6px 0px 15px;
	background: url('/templates/template_8/images/dot.png') no-repeat left center;
}
.breadcrumb li:first-child {
	background: none;
	padding-left: 0;
}
.breadcrumb li.off {
	text-decoration: none;
}

/********************************************************
*   featured properties
********************************************************/
.featuredprop {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background-color: #DADBD5;
	margin: 5px;
}
.featuredprop img {
	width: 175px;
}
.featured_footer {
	margin: 5px 0 0;
}

/*************************************
* General use styles
*************************************/
.title, .subtitle {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 5px;
	padding: 3px;
	font-weight: bold;
}
.subtitle {
	margin-top: 10px;
}
img a {
	border: 0px;
}

/*************************************
 + Menu and Subdivision Menu
 *************************************/
.menu, .subdivisionlist {
	font-weight: bold;
	margin: 5px;
	padding: 5px 5px 10px 5px;
}
.menu h1, .subdivisionlist h1 {
	margin-bottom: 10px;
}
.menu li, .subdivisionlist li {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 25px;
}
.menu a, .subdivisionlist a {
	text-decoration: none;
	display: block;
}

/*************************************
 + sidesearch
 *************************************/
#sidesearch {
	margin: 5px;
	padding: 5px;
}
#sidesearch h2 {
	margin-bottom: 10px;
}
#sidesearch ol {
	padding: 10px 5px 0;
}
#sidesearch li {
	padding-bottom: 10px;
}

#sidesearch .the_search {
	margin-top: 10px;
}

/*************************************
 + Properties
 *************************************/
.propholder {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}
.propholder h2 {
	text-align: left;
	padding: 5px;
}
.propholder a.menu_log, .propholder .like_login, .propholder .like_on, .propholder .like_off {
	float: right;
	position: relative;
	top: 1px;
}
.like_on, .like_on:hover {
	background-position: center;
	background-repeat: no-repeat;
}
.propholder a.menu_log .like_login, .propholder a.menu_log .like_on, .propholder a.menu_log .like_off {
	margin-right: 5px;
}
.board_image {
	max-height: 100px;
	width: 100px;
}
.propimage {
	display: inline-block;
	width: 200px;
	max-height: 200px;
	margin-left: 5px;
}
.propimage img {
	width: 200px;
	max-height: 200px;
	border: 0;
}
.prop {
	display: inline-block;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
	font-size: 1.2rem;
}
.prop ol {
	margin-top: 5px;
}
.prop h2 {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 5px;
	margin-right: 5px;
}
.prop li {
	text-align: left;
	list-style-type: none;
	padding: 2px 0;
}
.propcomment {
	margin: 5px 0 10px;
}
.propfooter {
	text-align: center;
	text-indent: 0px;
	display: inline-block;
	width: 100%;
}
.propfooter b {
	font-size: 1.4rem;
}
.property_listing {
	margin-bottom: 5px;
}
.contactbutton a {
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.maplink {
	text-align: right;
	font-size: 50%;
	padding-left: 10px;
}
.propholder .address {
	vertical-align: top;
	display: inline-block;
	line-height: 25px;
	padding-right: 10px;
}
.virtualtour, .foreclosure, .shortsale, .adult, .green, .pricedrop, .view_similar {
	float: right;
	font-weight: bold;
	line-height: 22px;
	margin-top: 2px;
}
.propholder h2 a.menu_log {
	float: right;
	margin: 2px 5px;
}
.moreinfo {
	padding: 5px;
	font-size: 1.1rem;
}
.fpmorelink.more_listings,
.fpmorelink.more_rentals {
	text-align: center;
	margin-bottom: 10px;
}
.propcontact, .propcomment {
	margin-left: 10px;
	margin-right: 10px;
}
.propdetails {
	margin-top: 10px;
	clear: both;
	float: right;
	width: 47%;
}
.propdetails h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.6rem;
	line-height: 30px;
	padding: 0 0 0 10px;
}
.propdetails li {
	font-size: 1.2rem;
	color: #333;
	list-style-type: none;
}
.propfeatures {
	width: 48%;
	margin: 5px;
	float: left;
	display: inline;
	padding: 5px;
}
.propfeatures h2 {
	font-size: 1.4rem;
	width: 100%;
	font-weight: bold;
}
.propfeatures li {
	font-size: 1.2rem;
	color: #555;
	list-style-type: none;
	margin-left: 10px;
}
.propcontact {
	padding-top: 5px;
}

/*************************************
 + Pagination
 *************************************/
.pagination {
	margin: 10px 0px 10px 5px;
}
.searchitems {
	line-height: 22px;
}
.searchitems h2, .searchitems .notice_title {
	display: inline;
	font-size: 1.4rem;
	text-transform: capitalize;
	margin-top: 22px;
}
.searchitems ol {
	display: inline;
}
.searchitems li {
	display: inline;
	list-style-type: disc;
	margin-left: 10px;
}
.customer_search_form input[type="text"] {
	margin-left: 3px;
}

/*************************************
 * Pagination
 *************************************/
 .results_sort {
	margin-right: 0;
	margin-top: 9px;
}
.pagination-links-container {
	float: left;
}
.numeric_pagination {
	font-weight: bold;
	margin: 10px 0;
}
.numeric_pagination ol {
	border-left: 0;
	align-items: center;
}
.numeric_pagination li {
    border-right: 0;
    padding: 0;
    margin-right: 5px;
}
.numeric_pagination li.bold, .numeric_pagination a, .numeric_pagination li.ellipsis {
	background-color: #B8A28E;
	padding: 6px 10px;
}
.numeric_pagination .prev_container {
    margin-right: 5px;
}
.numeric_pagination .next_container {
    margin-left: 0;
}
#lower-pagination_container {
    display: flex;
    justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 100%;
}
#lower-pagination_container .numeric_pagination {
	margin-bottom: 20px;
}
#lower-pagination_container .page_links_container {
	margin-top: 0;
	margin-bottom: 10px;
}
#lower-pagination_container .page_returns_select, #lower-pagination_container .page_select {
	width: 75px;
	height: 25px;
	line-height: 25px;
	padding-right: 15px;
}
.page_links_container button.page_links_submit {
    height: 25px;
}

/*************************************
 +Search Forms
 *************************************/
#search_fsbo {
	margin-left: 10px;
}
.search-form-container ol {
	width: 48%;
	padding: 0px;
	margin: 0 4px;
	display: inline-block;
	vertical-align: top;
}
ol.search-column.column-three.mlsid-search-column {
	width: 85%;
}
.lower-button-container {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
}
.search-form-container .form-check input {
    margin: 6px 0 0 5px;
}

/*************************************
* Notice styles
*************************************/
.notice {
	margin-bottom: 10px;
}
.subhead {
	margin-bottom: 10px;
}
.notice ol {
	font-size: 1.4rem;
}
.notice li {
	list-style-type: none;
	margin-bottom: 5px;
}

/**********************************
** City/county page styles
*********************************/
.pageholder {
	margin-top: 15px;
	margin-bottom: 10px;
}
.pageholder li {
	list-style-type: none;
}
.pageholder .paragraph {
	margin-bottom: 10px;
	margin-top: 10px;
}
.paragraph {
	padding: 10px 0;
	text-align: justify;
	margin-bottom: 10px;
}

/*************************************
* Alternate Results Prop display
*************************************/
.alt_address {
	display: inline-block;
}
.alt_propimage {
	width: 200px;
	margin: 5px;
}
.alt_propimage img {
	width: 190px;
}
.right_side {
	width: 440px;
}
.two_column div.right_side {
	width: 660px;
}
.alt_price {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 16px;
	margin: 6px 0 0;
}
.alt_title {
	margin: 0px 0px 4px 0px;
	line-height: 24px;
	font-size: 1.3premx;
	margin-bottom: 2px;
	width: 325px;
}
.alt_title a.menu_log {
	margin-top: 3px;
}
.like_on, .like_off {
	display: inline-block;
	margin: 2px 5px 0px 0;
}
.alt_details {
	margin: 5px;
	font-size: 1.1rem;
	width: 130px;
}
.alt_details.alt_col2 {
	width: 160px;
}
.more_info_container {
	padding: 5px;
}

/*************************************
 + Refined Search
 *************************************/
.refine_search {
	margin: 5px;
	padding: 5px;
}
.refine_search h2 {
	margin: 0;
}
.refine_search ol {
	padding: 10px 5px 0;
}
.refine_search li {
	padding-bottom: 5px;
}
.refine_search li label {
	margin-top: 7px;
}
.refine_search .the_search {
	margin-top: 10px;
}

.refine_search input[type='text'], .refine_search select {
	width: 100%;
	box-sizing: border-box;
}
.refine_search span.refine-price-from,
.refine_search span {
	margin: 0;
	display: inline-block;
	width: 48%;
}
.refine_search span.refine-price-to {
	float: right;
}

/*************************************
 + Login Page
 *************************************/
.pagebody .login_seperator:before, .pagebody .login_seperator:after {
	border-top: 1px solid #B8A28E;
}
#register_form .left-col {
	margin-bottom: 5px;
}
a.fb_login, .fb_login:hover, .contact_detail div:hover {
	text-decoration: none !important;
}
#fb_login_form {
	text-align: center;
}
.pagebody #fb_login_form label {
	width: 22%;
	text-align: right;
	padding-right: 5px;
}

/*************************************
 + Liked Listing Page
 *************************************/
.customer_likes {
	text-align: center;
	margin: 5px;
}
.featured_listing.customer_likes .customer_prop img {
	width: 98%;
	border: 0px none;
	padding: 2px;
	box-sizing: border-box;
}
.likepage_link {
	margin-bottom: 5px;
	display: block;
}

/*************************************
 + Promo Form
 *************************************/
.promo_form {
	box-sizing: border-box;
	margin-top: 15px;
}
.promo_text p {
	margin-bottom: 10px;
}

#promo-contact-form input.submit {
    margin-left: 10px;
}

/*************************************
 + Create Poll page
 *************************************/
.polllist_header, .polllist_row {
	border: none;
	border-bottom: 1px solid #b8a28e;
}
table.polllist, .polllist_header td, .polllist_row td, .poll_listing_container table,
.poll_listing_container tr, .poll_listing_container td {
	border: none;
}
.polllist_row:hover {
	background: #B8A28E !important;
}
.maindiv .polllist_row .click-link> a, .maindiv .polllist_row td.columnheader {
	color: #5A4331 !important;
}
.maindiv .polllist_row:hover .click-link> a {
	color: #000 !important;
}
.poll_listing_container .alt_details li, .pollcss .alt_details li, .poll_listing_container .prop li,
.pollcss .prop li, .poll-listing-container .alt_details li, .poll-listing-container .prop li {
	margin-bottom: 0;
}
.poll-listing-container, .poll_listing_container, .pollcss .alt_property_container {
	border: 5px solid #B8A28E;
	padding: 5px;
	margin: 5px 0 15px;
}
.poll-listing-container .alt_property_container, .poll_listing_container .alt_property_container {
	border: none;
	padding: 0;
}
.poll-listings-container .alt_details.alt_col2, .pollcss .alt_details.alt_col2, .poll_listing_container .alt_details.alt_col2 {
	width: 150px;
}
.testimonial_form {
	border: 5px solid #B8A28E;
	padding: 0 5px 10px;
}
.testimonial .testimonial_title {
	text-align: center !important;
}

/*************************************
 + Account Dashboard Page
 *************************************/
.form_container {
	padding: 0 0 5px;
	margin: 0;
}
.account_settings ol h2 {
	margin-top: 0;
}
.widget .agentpage img {
	margin-left: 0;
	max-width: 90px;
	margin-right: 5px;
}
.widget .agentpage ul {
	width: 210px !important;
	text-align: left;
}
.widget> .widget-inner> div.agentpage li b, .widget> .widget-inner> div.agentpage li {
	padding: 0;
}

/*************************************
 + Contact Form
 *************************************/
#commentform {
	padding: 5px;
	box-sizing: border-box;
}
.contactform .contactform {
	border: 5px solid #B8A28E;
	padding: 0 5px;
}
.contactform_instructions p {
	padding: 0;
}
.customer_likes {
	border: none;
}

/*************************************
 + Liked Listing
 *************************************/
.saved_istings_container .alt_details, .lplist .alt_details {
	width: 140px;
	min-width: 140px;
}

/*************************************
 + Save search
 *************************************/
.save-search {
	margin: 5px 5px 0px 0px;
	text-align: center;
}

.save-search a {
	text-align: center;
	box-sizing: border-box;
	padding: 0px 6px;
	border: 1px solid #a5a5a5;
	background-color:#dfdfdf;
	text-decoration:none;
	margin-top:0px !important;
	margin-bottom:5px !important;
}

/*************************************
 + Results Returns
 *************************************/
#pagination_container .results_returns select {
	padding-right: 5px;
}

/*************************************
 + Account Settings Page
 *************************************/
.account_settings .search_price input[type="text"] {
	width: 200px;
	display: block;
	margin-left: 0;
}
.account_settings .searchprice {
	margin-left: 3px;
}
.account_settings li.search_built select:last-of-type {
	display: block;
	margin-left: 183px;
}
.account_settings.saved_search {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.search-form-container .the_search.lower_bttn {
	position: relative;
	float: right;
	margin: 10px 0;
}
.account_settings.saved_search li.search_built select:last-of-type {
	margin-left: 0px;
}
.account_settings.saved_search li b {
	font-size: 1.2rem;
}
.search-form-container span.search-to {
    display: block;
    margin: 2px 0;
}

/*************************************
 + Blog
 *************************************/
/* Blog */
span.designation {
	display: inline;
}
.blog-agent a:hover span.designation {
	text-decoration: none;
}

/*************************************
 + Blog Pagination
 *************************************/
#pagination_container span {
	margin: 0 2px;
}
#pagination_container form.page_link,
#pagination_container .results_returns {
	display: inline-block;
	margin: 0 2px;
}
#pagination_container form.page_link {
	width: 55px;
}
#pagination_container .results_returns {
	margin-right: 5px;
}
#pagination_container  select.page_select,
#pagination_container select.sort_select {
	width: auto;
	padding: 0 5px
}
.landing-page-wrap .landing-image-100 {
	width: 98%;
}
.landing-page-wrap .landing-image-50 {
	width: 48.2%;
	height: 250px;
}
.landing-page-wrap .landing-image-25 {
	width: 23.4%;
	height: 130px;
}
.landing-page-wrap .landing-page-form {
	width: 80%;
}
.landing-form-div2 .landing-form-input {
	height: 25px !important;
}
.landing-form-div2 input[name="thephone"] {
	width: 240px !important;
}
.landing-page-wrap .landing-page-line {
	border-top: 5px solid #b8a28e;
}
.landing-form-title {
	background-color: #b8a28e;
}
.results_returns {
	display: inline-block;
}
#promocontactform-message, .contact_form textarea {
	width: 100%;
}

/*************************************
 + Mortgage Calculator
 *************************************/
input[type="text"].form-control-plaintext {
	border: none;
}

/*************************************
 + CMA Request
 *************************************/
.cma_form select {
	width: 162px;
}

/********************************************
 * Private Listings
********************************************/
.customform-data-container .input-radio label,
.customform-data-container .width-half label {
	margin-top: 0;
}

.widget-edit-form .input-radio div {
	width: 50% !important;
}

.customform-data-container .documents-container {
    width: 97% !important;
	color: #000;
}

.widget-edit-form .input-radio legend {
	font-weight: normal !important;
}

.customform-data-container .wrap-notes.document-wrap p.document-action-btns a {
	text-decoration: none;
}

.sidesearch-filter-list .home-page-list-group {
	display: none;
	position: absolute;
	width: 12%;
	height: 175px;
	margin-left: 0px;
}

.sidesearch-filter-list .home-page-list-group .home-page-list-group-item {
	padding: 5px !important;
	font-size: 11px;
}

.sidesearch-filter-list .home-page-list-group .home-page-list-group-item:hover {
	background-color: #ddd;	
}