/*** GLOBAL  ***/
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#6e6a3e;
}

* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #c5c5c5;
	background-color: #c5c5c5;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:13px;	font-family:Georgia, "Times New Roman", Times, serif;	font-weight:normal; color:#1d1d1d;}
h1 {font-size:30px; line-height:30px;}
h2 {font-size:24px; line-height:28px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px; letter-spacing:1px;}


/* links */
a {color:#af3204; text-decoration:none;}
a:hover{color:#af3204; text-decoration:underline;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; padding-right:10px;}
.imgright{float:right; padding-left:10px;}
img.left{ float:left; margin-right:10px; border:1px solid #aea866; padding:3px; margin-top:5px; background-color:#fffbd0 }
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#6e6a3e;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#6c6c6c;
	padding:10px 20px 10px 25px;
	border-left:4px solid #aea866;}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #aea866;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#main_container{
	background-image:url(../images/bg_top_container.gif);
	background-repeat:repeat-x;
	background-color:#fffbd0;
}
#bottom_container{ background-image:url(../images/bg_bottom_container.gif); background-repeat:repeat-x; height:65px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{
	width:960px; 
	margin:0px auto 0px auto;
	background-image:url(../images/bg_top_container.gif);
	background-repeat:repeat-x;
	background-color:#fffbd0;
	}
/*** END OF CENTERCOLUMN ***/

/*** HEADER ***/
/* Top */
#top{ height:39px; width:960px; background-image:url(../images/line_menu_top.png); background-repeat:no-repeat; background-position:bottom; float:left;}
#topmenu{width:780px; float:left;}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:0px 0px 0px 0px; float:left;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;

}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 11px Tahoma, Arial, Verdana;
	line-height:26px;
}
#nav  li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	padding: 0 20px; 
	color:#ffdbcd;
	text-decoration:none;
}
#nav  li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	padding: 0 20px; 
	color:#fff;
}
#nav  li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	padding: 0 20px; 
	color:#fff;
}


#top_rss{ line-height:26px; float:right; background-image:url(../images/icon_rss.png); background-repeat:no-repeat; color:#ffdacc; background-position:right; padding-right:25px;}
#top_rss a, #top_rss a:visited{color:#ffdacc; text-decoration:none;}
#top_rss a:hover{color:#ffdacc; text-decoration:underline;}


/* Logo */
/* #logo{ width:960px; text-align:left; float:left; height:86px;} */
/* #pad_logo{ padding:0px 0px 0px 18px;} */
#logo{ width:960px; text-align:left; float:left;}
#pad_logo{ padding:0px 0px 0px 18px; background-image: url(https://media.point2.com/p2a/htmltext/02ff/3bdb/4f17/d11c3bbf7f18a0d8ccd2/original.png); background-repeat: no-repeat; height:86px;}

/* header Navigation bar menu styling */
/* #headermenu{width:960px; float:left; height:35px;} <-- for old image */
#headermenu{width:960px; float:left; height:51px;}
#nav_header {margin-left:70px; padding:3px 0px 0px 0px; float:left;}
#nav_header ul{ 
	padding:0;
	margin:0;
	list-style: none;
}

#nav_header li{
	list-style:none;
	float:left;
	text-align:left;
	padding:0;
	font:normal 15px Tahoma, Arial, Verdana;
	background-image:url(../images/line_ver_menu.gif);
	background-repeat:no-repeat;
	/* background-position:0 8px; <-- old image */
	background-position:0 14px;
}

#nav_header li.noborder{ background-image:none;}

/*** END HEADER ***/


/*** CONTENT ***/
#main_content{width:960px; float:left; padding:25px 0px 20px 0px;}

/* main */
#main{width:635px; float:left;}
.main_text{padding:0px 0px 0px 0px;}

/* Content */
#content{ width:385px; float:left; line-height:20px;}
#content_blog{ float:left; line-height:20px;}
.post{ padding-top:7px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px dashed #d2cd95;}
.post_blog{ padding:0px 19px 0px 19px;}
.entry{ padding-bottom:15px;}
.typeline{border-bottom:1px dashed #d2cd95; padding-bottom:25px;}
.postmetadata {
	color:#6e6a3e;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	}


.box_content_r{
	background-image:url(../images/box_content_r.gif);
	background-repeat:repeat-y;
	width:635px;
	margin-bottom:20px;
}

.box_content_t{
	background-image:url(../images/box_content_t.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:635px;
}

.box_content_b{
	background-image:url(../images/box_content_b_noshadow.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:635px;
	padding-bottom:20px;
}
.navigation{padding:20px 20px 20px 20px;}
.navigation ul{list-style-type:none; padding:0px; margin:0px;}
.navigation ul li{display:inline; border:solid 1px #aea866; padding:2px 5px; color:#6e6a3e; background-image:url(../images/page_nav.gif); background-repeat:repeat-x; margin-right:3px}
.navigation ul li a{color:#6e6a3e;}
/* Main Title */
.main_title{width:305px;}
.main_titlewide{width:640px;}

.main_title_blog{float:left; padding:17px 10px 8px 0px;}
h2.title_italic{font-style:italic; font-size:18px;}
.title{ width:305px;}
.titlewide{ width:640px;}

.title a, .title a:visited, .title_blog a, .title_blog a:visited{color:#1d1d1d;}
.title_blog{ float:left; width:530px;}
.time{ width:44px; float:left; background-image:url(../images/bg_date.gif); background-repeat:no-repeat; height:52px;  text-align:center; margin-top:5px; margin-right:10px;}

.timesmall{ width:30px; float:left; background-image:url(../images/bg_date_small.gif); background-repeat:no-repeat; height:52px;  text-align:center; margin-top:5px; margin-right:10px;}

.month{display:block; color:#fff; font-size:12px; padding:0px 0px 0px 3px; }
.date{display:block; color:#fff; font-size:20px;}
.datesmall{display:block; color:#fff; font-size:16px;}


/* More News */
.box_news{padding:20px 0px 0px 0px;}
.box_news a, .box_news a:visited{color:#1d1d1d;}
.news_h2{ font-size:18px; font-style:italic; line-height:normal;}
ul.news{ margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; padding-left:10px;}
ul.news li{ list-style-type: none; background-image:url(../images/icon_box_black.gif); background-repeat:no-repeat; background-position:0 8px; color:#1d1d1d; font-size:18px; padding-left:20px; line-height:20px; padding-bottom:15px;}
.date_news{ color:#af3204; font-style:italic; font-size:14px; font-weight:bold; }

/* search result */
#search_result{padding:20px 0px;}
#search_result .entry{padding:0px;}
#search_result .main_title_blog{padding:10px 10px 0px 0px;}
#search_result .main_title_blog h2{margin-bottom:4px;}

/* single */
.box_metadata{background-image:url(../images/box_postmetadata_r.gif); background-repeat:repeat-y; width:635px; margin-bottom:20px}
.box_metadata_t{background-image:url(../images/box_postmetadata_t.gif); background-repeat:no-repeat;}
.box_metadata_b{background-image:url(../images/box_postmetadata_b.gif); background-repeat:no-repeat; background-position:left bottom;  padding:10px 20px;  text-align:right;}
.box_metadata a, .box_metadata a:visited{color:#6e6a3e;}
.tag{background-image:url(../images/icon_tag.png); background-repeat:no-repeat;  padding:0px 0px 0px 35px; float:left; }
.cat{background-image:url(../images/icon_cat.png); background-repeat:no-repeat;  padding:0px 0px 0px 30px;}

/* comment */
.box_comment{padding:20px 20px;}
#commentlist{list-style-type:none; margin:0px; padding:0px;}
#commentlist .children {list-style-type:none; padding:20px 0px; margin-left:75px;}
.comment-author .avatar { float: left;}
.comment-author{float:left; width:55px; margin-right:20px;}
.comment-container{ margin-left:75px;}
cite.fn { font-style:normal; font-size: 18px; color:#1d1d1d; font-family:Georgia; }
cite.fn a, cite.fn a:visited{color:#1d1d1d;}
.comment-meta {font-size:10px; padding:0px 0px; }
.comment-node {margin-bottom:0; padding:0;  }
.comment-content {padding:0px 0px; border-bottom:dotted 1px #d2cd95; }
.comment-content p { padding:8px 0px; margin:0px 0px 6px 0px;}
.comment-reply-link { font-weight: bold; font-size: 16px; text-decoration: none }
#commentform textarea { font-family: Arial, Helvetica, sans-serif; width: 90% }
#trackbacklist { margin-bottom: 3em }
#trackbacklist li { margin: 0.5em 0 }
.reply{background-image:url(../images/but_reply.gif); background-repeat:no-repeat; width:48px; height:24px; padding:3px 0px 0px 0px; text-align:center; float:right; color:#6e6a3e;}
.reply a, .reply a:visited{color:#6e6a3e;}
#commentform{padding:6px 0px 0px 0px;}
#commentform p{margin:12px 0px;}
#commentform input{border:solid 1px #d2cd95; padding:5px;}
#commentform input.but{border:0px; background-image:url(../images/but_comment.gif); background-repeat:no-repeat; font-size:11px; width:90px; height:27px; color:#6e6a3e; float:right; margin-right:50px;}
#commentform textarea{border:solid 1px #d2cd95; padding:5px;}
/* side left */
#side_left{
	width:229px;
	float:left;
	padding-left: 15px;
}
#box_sidebar_left_r{
	background-image:url(../images/box_sidebar_left_r.gif);
	background-repeat:repeat-y;
	width:229px;
}

#box_sidebar_left_t{
	background-image:url(../images/box_sidebar_left_t.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:229px;
}

#box_sidebar_left_b{
	background-image:url(../images/box_sidebar_left_b.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:229px;
}



/* side right */
#side_right{
	width:300px;
	float:left;
	padding-right: 15px;
	padding-left: 5px;
}

#main_search{width:300px;}
#main_search h2{ color:#1d1d1d; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; line-height:20px;}
.bg_input{ background-image:url(../images/bg_search.gif); background-repeat:no-repeat; width:300px; height:43px; display:block;}
.inputbox{background:transparent; border:0px; width:250px; padding:7px 30px 5px 7px; line-height:normal; color:#a39e6a}


#box_sidebar_right_r{
	background-image:url(../images/box_sidebar_right_r.gif);
	background-repeat:repeat-y;
	width:300px;
	margin-top:10px;

}

#box_sidebar_right_t{
	background-image:url(../images/box_sidebar_right_t.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:300px;
}

#box_sidebar_right_b{
	background-image:url(../images/box_sidebar_right_b.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:300px;
}

#sidebar{
	color:#6f6b3f !important;
	padding:10px 0px;
}

#sidebar a, #sidebar a:visited{
	color:#6e6a3e; text-decoration:none;
}
#sidebar a:hover{
	text-decoration:underline;
	color: #C00;
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	font-size:11px;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	padding: 0px 15px 0px 14px;
	}
	
	
#sidebarleft{
	color:#6f6b3f !important;
	padding:10px 0px;
}

#sidebarleft a, #sidebarleft a:visited{
	color:#6e6a3e; text-decoration:none;
}
#sidebarleft a:hover{ text-decoration:underline;}
#sidebarleft ul, #sidebarleft ul ol {
	margin: 0;
	padding: 0;
	font-size:11px;
	}

#sidebarleft ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	padding: 0px 15px 0px 14px;
	}
	

	
	
	
#recentcomments{ font-weight:bold;}
#recentcomments a, #recentcomments a:visited{ font-weight:normal;}

#sidebar h2 {
	margin: 0px 0 0;
	padding: 10px 0px 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color:#1d1d1d;
	font-style:italic;
	background-image:url(../images/border_h2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align: center;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0px 0 0;
	padding: 0px 0px 8px 15px;
	line-height:18px;
	}
	
#sidebar ul ul li {
	background-image:url(../images/icon_box.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;

	}	

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}
	
	
#sidebarleft h2 {
	margin: 0px 0 0;
	padding: 10px 0px 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#1d1d1d;
	font-style:italic;
	background-image:url(../images/border_h2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#sidebarleft ul ul li, #sidebarleft ul ol li {
	margin: 0px 0 0;
	padding: 0px 0px 8px 15px;
	line-height:18px;
	}
	
#sidebarleft ul ul li {
	background-image:url(../images/icon_box.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;

	}	

#sidebarleft ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebarleft ul ul, #sidebarleft ul ol {
	margin: 5px 0 0 0px;
	}

#sidebarleft ul ul ul, #sidebarleft ul ol {
	margin: 0 0 0 0px;
	}


/* ads */
#ads{}
.ad_box_underline{
	border-bottom: thin dotted;
    width:304px;	
	margin-bottom:10px;
}
/*
.box_ads_left{float:left; width:125px; margin:10px 5px 5px 5px;}
.box_ad_text_left{float:left; width:160px; text-align:left; margin:10px 5px 5px 5px;}
.box_ads_right{float:right; width:125px; margin:10px 5px 5px 5px;}
.box_ad_text_right{float:right; width:160px; text-align:left; margin:10px 5px 5px 5px;}
*/
.box_ads_left{
	float:left; 
	width:39%; 
	margin:10px 2% 5px 2%;
}

.box_ads_left img{
	width:100%; 
}

.box_ad_text_left{
	float:left; 
	width:53%; 
	text-align:left; 
	margin:10px 2% 5px 2%;
}
.box_ads_right{
	float:right; 
	width:39%; 
	margin:10px 2% 5px 2%;
}

.box_ads_right img{
	width:100%; 
}

.box_ad_text_right{
	float:right; 
	width:53%; 
	text-align:left; 
	margin:10px 2% 5px 2%;
}


.textwidget{
	line-height:20px;
	padding-top:10px;
}

/* flickr */
ul.flickr{list-style-type:none; margin:0px; padding:0px;}
ul.flickr li{background-image:none !important; padding:0px 4px 0px 0px; border-bottom:none; display:inline; float:left; }


/* update */
#sidebar ul.bookmarks li{
	border:0px;
	background-image:none;
	padding-bottom:15px;
}
.left_bm{ float:left; padding-right:10px;}
.bold{ font-weight:bold}

/*** END CONTENT ***/



/*** FOOTER ***/
#main_footer{
	width:960px;
	margin:0px auto;
	padding-top:10px;
	clear:both;
	background-image: url(../images/bg_bottom_container.gif);
}
#left_footer{ 
width:400px; float:left;
}
#right_footer{ 
text-align:right; width:400px; float:right; line-height:20px; padding:0px 0px 10px 0px; line-height:20px; font-family:Tahoma, Arial; font-size:11px; color:#888787;
}
#right_footer a, #right_footer a:visited{ color:#888787;}
#right_footer a:hover{color:#888787;}
/*** END OF FOOTER ***/
#sidebar .listmenu {
	font-size: 16px;
	text-align: center;
}

/* BEGIN - ADMINISTRATOR */
/********* default settings for desktop interface, most of these settings already were define with inline styles but they were ***************/
/********* redefined with id's and classes in order for media queries to work properly *************/
.mobile-img {display: none;}
#nav_properties_by_location ul, #nav_properties_by_location li {display: none;}
#nav_properties_by_location a {font-size: 1rem;}
#nav_properties_by_location>a {font-size: 2rem;}

#nav-right-menu ul, #nav-right-menu li {display: none;}
#nav-right-menu a {font-size: 1rem;}
#nav-right-menu>a {font-size: 2rem;}


/* added to see if font em units work */
div.boh-custom-content p, div.boh-custom-content ul {
	text-align: justify;
	font-size: 16px;
	line-height: 22px;
	font-family: verdana, geneva, sans-serif;	
}

div.boh-custom-content td, div.boh-custom-content th {
	font-size: 16px;
	line-height: 22px;
	font-family: verdana, geneva, sans-serif;	
}

.boh-content-table {width: 635px;}
.boh-cc-right-align {text-align: right !important; }
.boh-cc-center-align {text-align: center !important;}
.boh-cc-font-family {font-family: verdana, geneva, sans-serif !important;}
.boh-directions-margins {margin: 0 0 .2in .5in; line-height: normal;}
.boh-directions-sections {font-weight: bold !important; text-decoration: underline !important;}

#first-img-playa-blanca, #second-img-playa-blanca, #third-img-playa-blanca,
#first-img-club-marena, #second-img-club-marena, #first-img-club-marena-amenities,
#second-img-club-marena-amenities, #first-img-club-marena-directions, #second-img-club-marena-directions,
#first-img-playa-blanca-directions {
	border: 1px solid #000;
	box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 5px 5px 5px #000;
}

#first-img-playa-blanca, #second-img-playa-blanca, #third-img-playa-blanca, #first-img-playa-blanca-directions {width: 293px; height: 197px;}
#first-img-club-marena, #second-img-club-marena {width: 270px; height: 178px;}
#first-img-club-marena-amenities, #second-img-club-marena-amenities {width: 270px; height: 180px;}
#first-img-club-marena-directions, #second-img-club-marena-directions {width: 274px; height: 180px;}
#first-img-playa-blanca, #second-img-club-marena, #second-img-club-marena-directions {float: left; margin-bottom: 20px; margin-right: 30px;}
#second-img-playa-blanca, #third-img-playa-blanca, #first-img-club-marena, 
#first-img-club-marena-amenities, #second-img-club-marena-amenities, #first-img-club-marena-directions, 
#first-img-playa-blanca-directions {float: right; margin: 20px 0 20px 30px;}

.vacation-rentals {
	height:235px; 
	width:170px; 
	float:left; 
	border-style:solid; 
	border-width:1px; 
	border-radius:5px; 
	padding: 7px; 
	margin: 7px;
}

.vacation-rentals img {width: 150px; height: 100px; border-width: 0px; }
.vacation-rentals a {color: #b06a25; text-decoration: none;}
.vacation-rentals>a {font-weight: bold;}
.vacation-rentals span {font-size: 12px;}

/* search screen - baja real estate mls */
#ProfileTable {border-spacing: 10px 10px;}
#ProfileTable td input[type="text"], #ProfileTable td select {
	padding: 3px;
}

#TblRowType td, #TblRowStatus td {display: block; margin: 10px 0;}
#ProfileTable td.Label, #TblRowType label, #TblRowStatus label, #ProfileTable td.SearchLabel {font-size: 16px;}
/* end search screen */

#boh-left-column-pb-amenities, #boh-right-column-pb-amenities {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

/* added bigger images to deals and feature properties that will be resized accordingly */
div#boh-blogright div.boh-ad-row div.box_ads_right img,
div#boh-blogright div.boh-ad-row div.box_ads_left img {
	/* width: 124px; */
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}


/* added for mobile navigation, but these are general settings */
.nav-mobile {
  display:none; /* Hide from browsers that don't support media queries */
  cursor:pointer;
  position:absolute;
  top:125px;
  right:1rem; 
  background:transparent url(../images/expandable_menu_transparent.png) no-repeat center center;
  height:48px;
  width:48px;
}

.nav-location {
  display:none; /* Hide from browsers that don't support media queries */
  cursor:pointer;
  position:absolute;
  top:125px;
  left: 10px; 
  background:transparent url(../images/home-search-42.png) no-repeat center center;
  height:48px;
  width: 48px;
}

.land-lines-wrapper {display: none;}

#id-whatsapp {
  display:none; /* Hide from browsers that don't support media queries */
  cursor:pointer;
  position:absolute;
  top:125px;
  left: 62px; 
  background:transparent url(../images/whatsapp-bw-36.png) no-repeat center center;
  height:48px;
  width: 48px;	
}

#id-landline {
  display:none; /* Hide from browsers that don't support media queries */
  cursor:pointer;
  position:absolute;
  top:125px;
  left: 114px; 
  background:transparent url(../images/medium-phone-36.png) no-repeat center center;
  height:48px;
  width: 48px;	
}

#calafia-intro-image img {float: right;}

.side-menu-overlay, .right-side-menu-overlay  {opacity: 0; width: 0px;}
.land-lines-overlay {opacity: 0; width: 0px;}
.side-menu-wrapper > a.menu-close, .right-side-menu-wrapper > a.right-menu-close {opacity:0;}
.land-lines-wrapper > a.popup-close {opacity:0;}

/* style for properties by community - I remove span element */
ul.listmenu a {font-size: 16px;}


.listing-description {display: block;}
.boh-articles-top-menu-2 {text-align: center !important;}
.boh-articles-top-menu-2 a {text-align: center; color: rgb(178, 34, 34); font-size: 16px; text-decoration: underline;}
.menu-separator {text-align: center; color: rgb(178, 34, 34); font-size: 16px;}
.listing-intro {font-size: 16px; text-align: justify;}
.listing-intro .header {font-weight: bold;}

/* nuevas clases para mostrar y ocultar contenido, por default los botones de mostrar mas y colapsar no se muestran en desktop */
a[expand-content-mobile-ready], a[collapse-content-mobile-ready] {
	display: none;
	padding: 4px 8px;
	background: #660000;
	border: 1px solid #6e6a3e;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff !important;
	text-decoration: none !important;
	margin-left: 15px;
	font-size: smaller;
}
a[expand-content-mobile-ready]:hover, a[collapse-content-mobile-ready]:hover {
	background: #6e6a3e;
	color: #fff;
	text-decoration: none;
}
div[hidden-content-mobile-ready] {
	display: block;
}

#boh-intro, #boh-intro-2 {
	display: block;
}

/* contenedor de boh-blogleft y boh-blogright */
#_ctl4__ctl7__ctl0_ct_4749210_4749210_hh {
	display: table-cell;
}

#boh-blogleft {
	display: block;
}

#boh-blogleft-sub {
	display: none;
}



/********* end of default settings for desktop interface **********************************************/


/********* MEDIA QUERIES **********************************************/
/* tables that show locations by price */
@media only screen and (max-device-width: 640px) {
	.ListingsSummaryPanel .ListingsDataGrid td {border: none; display: block;}
	tr.Header {display: none;}
	tr.Item td:nth-child(2), tr.Item td:nth-child(3) {text-align: center;}	
	tr.AlternatingItem td:nth-child(2), tr.AlternatingItem td:nth-child(3) {text-align: center;}
	tr.Item td:nth-child(2), tr.AlternatingItem td:nth-child(2) {font-weight: bold;}
	tr.Item td:nth-child(5)::before, tr.AlternatingItem td:nth-child(5)::before {content: "Bedrooms:";}
	tr.Item td:nth-child(6)::before, tr.AlternatingItem td:nth-child(6)::before {content: "Bathrooms:";}
	tr.Item td.Photo, tr.AlternatingItem td.Photo {padding-top: 0.5rem;}
	tr.Item td:last-child, tr.AlternatingItem td:last-child {padding-bottom: 1rem;}
	
	.no-show-gallery {display: none;}
	
}

/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (max-device-width: 1024px) {

	/* override point2 global1 css */
	body {font-size: .6875rem;}

	.Text,p,td,th,div {font-size: 1rem;}
	
	.TextBox,input,select,textarea {font-size: .6875rem;}
	
	textarea {max-width: 26.875rem; height: 5.5rem;}
	
	h1  {font-size: .6875rem;}
	H2 {font-size: 1rem !important;}
	H3 {font-size: .875rem;}
	H4 {font-size: .75rem;}
	H5, DT  {font-size: .6875rem;}
	H6  {font-size: .625rem;}
	
	.Error {font-size: .6875rem;}
	.success-page, .error-page {
		height: 12.5rem;
		padding:6.25rem 6.25rem 12.5rem 6.25rem;
	}
	
	.success-page h1, .error-page h1 {font-size: 1rem;}
	.secondary-page-nav {height: 2.5rem; line-height: 2.25rem;}
	.secondary-page-nav a  {font-size: 1rem !important;}
	
	#ListingDetailsContactInfo .UserContactInfoPanel img{max-width:9.375rem;}
	
	.AlbumLimitPanel {font-size:.625rem;}

	input.CommandButton {	min-width: 4.6875rem;}
	.Page .MortgageCalculator .Title {font-size:.6875rem;}
	.SortPanel .Label{font-size: .75rem;}
	.ListingDetailsHeaderPanel .Title {font-size: .75rem;}
	.Bullet {font-size:.875rem;}
	.TabTitle {font-size: .75rem;}
	
	.SubTitleCell {height: 1.25rem;}
	
	A.SiteLinkFooter:link, A.SiteLinkFooter:visited, A.SiteLinkFooter:active, A.SiteLinkFooter:hover {font-size: .95rem;}
	A.SiteLinkFooter2:link, A.SiteLinkFooter2:visited, A.SiteLinkFooter2:active, A.SiteLinkFooter2:hover {font-size: .95rem;}
	A.SiteLinkLoginFooter:link, A.SiteLinkLoginFooter:visited, A.SiteLinkLoginFooter:active, A.SiteLinkLoginFooter:hover  {font-size: .95rem;}
	
	.SiteTitleLabel {font-size: 1rem;}
	.SiteTagLine {font-size: .75rem;}
	.WelcomeMessage {font-size: .75rem;}
	
	.UserContactInfoPanel .InfoLabel {font-size:.625rem;}
	.UserContactInfoPanel .DataLabel {font-size:.625rem;}
	
	STRONG.Bullet {	FONT-SIZE: .625rem;}
	
	.BigMessage {font-size: 1rem;}
	
	.RSS, .KML {font: bold .625rem verdana, sans-serif;}
	
	.sitemap-title, .sitemap-section-header {font-size: .8125rem;}
	
	.Module .Layout2 p, .Module .Layout2 td, .Module .Layout2 th, .Module .Layout2 div, .Module .Layout2 input,
	.Module .Layout2 textarea, .Module .Layout2 select, .Module .Layout2 .Text, .Module .Layout2 .SubTitle {font-size: .875rem;}
    .Module .Layout2 .Error {font-size: .75rem;}
	
	.mls-trademark-statement {font-size: .6875rem;}
	/* end of override point2 */
	
	/* own formatting */
	body.DesktopDefaultPage   {
		max-width: 100vw;
		background-color: #f2efce;
	}
	
	div.boh-custom-content p, div.boh-custom-content ul, div.boh-custom-content td, div.boh-custom-content th  {
		font-size: 1rem;
		line-height: 1.5;
		font-family: 'Montserrat', sans-serif;
	}	
	

	/* new template colors */
	div, p, ul, ol, blockquote { 
		font-family: 'Montserrat', sans-serif !important;
		color:#3d2f1b; 
	}
	
	.Module .Title, .Page .Title, a:link, a:visited {
		color: #1a3f47;
	}
	
	.header-on-mobile {
		font-family: 'Arvo', serif !important;
		font-style: normal !important;
		text-align: center;
		color: #1a3f47;		
	}
	
	.h1-on-mobile {
		font-size: 1.7rem !important;				
	}

	/* no se pudo agregar directamente la clase al h2, por eso se hizo de esta manera */
	.h2-on-mobile {
		font-size: 1.5rem !important;		
	}

	.h3-on-mobile {
		font-size: 1.35rem !important;
	}

	.h4-on-mobile {
		font-size: 1.25rem !important;
	}

	.h5-on-mobile {
		font-size: 1.15rem !important;
	}
	
	a.format-as-button {
		text-decoration: none;
		
	}
	a.format-as-button h2 {
		background-image: none;
		padding: 10px 15px;
		background-color: #6e6a3e; /* #1a3f47; */
		opacity: .8;
		color: #fff;
		border-radius: 5px;
	}
	
	a[expand-content], a[collapse-content] {
		background: #1a3f47 !important;
	}

	a[expand-content-mobile-ready], a[collapse-content-mobile-ready] {
		background: #1a3f47 !important;
	}


	/* ends own formatting */
  
}

/* Portrait */
@media only screen and 
(max-device-width: 750px), 
(max-device-width: 1024px) and (orientation: portrait) {
	/* hide sidebar for now */
	table#MainContentTable>tbody>tr:nth-child(2)>td:first-child {display: none;}
	
	#seller-financing-menu, #contact-us-menu, #about-menu {display: none !important;}
	.no-show-on-mobile {display: none;}

	/* begins own formatting */
	#form1>table {
		width: 100vw; 
	}

	#centercolumn {width: 100vw;}
	#top {height:39px; width:100vw; background-image:url(../images/line_menu_top.png); background-repeat:no-repeat; background-position:bottom; float:left;}
	#topmenu {width:600px; float:left;}
	#logo {width:100vw;}
	#headermenu {width:100vw; float:left; height: 51px;}

	#main_content {width:100vw; float:left; padding:25px 0px 20px 0px;}
	#main_footer {width:100vw;}
	/* end of own formatting */
	
	/* menu changes */
	#nav_header{width: 100vw; display: block; float: none; overflow: scroll; margin: 47px auto; padding-top: 0;} /* overflow: scroll to fix div's height bug */
	#nav_header ul {display: none; float: right; background: #1b1b1b; border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px;}
	#nav_header li, #nav_properties_by_location li, #nav-right-menu li {line-height: 1.125rem; display: block; float: none; background-image: none; text-align: center;}
	#nav_header li {background: #1b1b1b;}	
	#nav_header li a  {color: #fff;}
	#nav_header li a:hover, #nav_properties_by_location li a:hover, #nav-right-menu li a:hover {color: #ffcd33;}

	#nav_properties_by_location ul {display: none;}
	#nav-right-menu ul {display: none;}

	
	/* begin sidebar menu for properties by location */
	.side-menu-wrapper, .right-side-menu-wrapper { 
		overflow: hidden;
		background: rgba(0,0,0,.95);
		padding: 40px 0 0 40px;
		position: fixed; /* Fixed position */
		top: 0;
		height: 100%;
		z-index: 2;
		transition: 0.5s; /* CSS transition speed */
	}
	
	.side-menu-wrapper {
		width: 250px;
	}
	
	.right-side-menu-wrapper {	
		width: 200px;
	}
	
	.side-menu-wrapper {
		left: -290px; /* Sidebar initial position. "right" for right positioned menu */
	}
	
	.right-side-menu-wrapper {
		right: -240px;
	}
	
	.side-menu-wrapper > ul, .right-side-menu-wrapper > ul{ 
		list-style:none;
		padding:0;
		margin:0;
		overflow-y: auto;
		/* width:500px; this width will hide scroll bar */
		height:85%;
	}
	.side-menu-wrapper > ul > li > a, .right-side-menu-wrapper > ul > li > a {
		display: block;
		border-bottom: 1px solid #131313;
		padding: 6px 4px 6px 4px;
		color: #989898;
		transition: 0.3s;
		text-decoration: none;
	}
	.side-menu-wrapper > a.menu-close, .right-side-menu-wrapper > a.right-menu-close { 
		padding: 8px 0 4px 23px;
		color: #6B6B6B;
		display: block;
		margin: -30px 0 -10px -20px;
		font-size: 35px;
		text-decoration: none;
		opacity: 1;
	}


	.land-lines-wrapper {
		display: block;
		background: rgba(0,0,0,.95);
		padding: 40px 0 0 40px;
		position: fixed; /* Fixed position */
		top: 0;
		left: -290px; /* Sidebar initial position. "right" for right positioned menu */
		height: 100px;
		z-index: 2;
		transition: 0.5s; /* CSS transition speed */
		width: 250px;
	}
	.land-lines-wrapper > ul{ 
		list-style:none;
		padding:0;
		margin:0;
		height:100%;
	}

	.land-lines-wrapper > ul > li > a {
		display: block;
		border-bottom: 1px solid #131313;
		padding: 6px 4px 6px 4px;
		color: #989898;
		transition: 0.3s;
		text-decoration: none;
		font-size: 16px;
	}
	
	.land-lines-wrapper > a.popup-close { 
		padding: 8px 0 4px 23px;
		color: #6B6B6B;
		display: block;
		margin: -30px 0 -10px -20px;
		font-size: 35px;
		text-decoration: none;
		opacity: 1;
	}


	.side-menu-overlay, .right-side-menu-overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		background-color: rgba(0,0,0,.7);
		overflow-y: auto;
		overflow-x: hidden;
		text-align: center;
		opacity: 0;
		transition: opacity 1s;
	}
	
	.side-menu-overlay {
		left: 0;
	}
	
	.right-side-menu-overlay {
		right: 0;
	}
	
	.land-lines-overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.7);
		text-align: center;
		opacity: 0;
		transition: opacity 1s;		
	}
	/* end of sidebar menu */	

	
	/* dinamically created div */
	.nav-mobile {display: block; } /* margin: 0 auto;} */
	.nav-location {display: block;}
	#id-whatsapp, #id-landline {display: block;}
	
	.nav-active {
		display:block !important;
	}
		
	/* resize contact form  -- NO FUNCIONA, NO ESTá LEYENDO ESTE CSS FILE*/
	#._ctl0_body_EmailFormPanel .label, #._ctl0_body_EmailFormPanel input {font-size: 1rem;}

	/* vacation rentals stuff */
	#vacation-rentals-container {display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap;}
	#vacation-rentals-container {flex: 1 0 50%;}
	.vacation-rentals {width: auto; height: auto; float: none; border-color: lightgray; margin-left: auto; margin-right: auto;}
	.vacation-rentals img  {
		display: block !important; 
		margin: 1rem 1rem 0 1rem;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
		width: 250px;
		height: 166px;
	}
	.vacation-rentals span {font-size: 1rem;}
	/* end - vacation rentals stuff */
	
	#boh-intro, #boh-intro-2 {
		display: none;
	}
	
	/* contenedor de boh-blogleft y boh-blogright */
	#_ctl4__ctl7__ctl0_ct_4749210_4749210_hh {
		display: flex;
		display: -webkit-flex; 
		display: -moz-flex;
		flex-direction: column-reverse;
	}
	
	#boh-blogleft {
		display: flex;
		display: -webkit-flex; 
		display: -moz-flex;		
		flex-direction: column;
		align-items: center;
	}
	
	#boh-blogleft-sub {
		display: flex;
		display: -webkit-flex; 
		display: -moz-flex;		
		flex-direction: column;
	}	
	
}



@media only screen and (max-device-width: 597px) {
	.boh-no-show-on-mobile {display: none;}
}

@media only screen and (max-device-width: 750px) {
	body{background-image:url(../images/bg_top_container_small_blue.png);}
	#top {display: none;}
	#logo {height: auto; float: none;}
	#pad_logo {padding: 0; background-image: url(../images/baja-open-house-logo-small.png); background-repeat: no-repeat; float:none; height: 61px;}
	.nav-mobile {top: 61px;}
	.nav-location {top: 61px;}
	#id-whatsapp, #id-landline {top: 61px;}
	#calafia-intro-image {text-align: center;}
	#calafia-intro-image img {float: none;}
	
	/* override footer links layout */
	.boh-ad-row {margin: 0 auto 1rem auto !important;}
	
	/* show main image section - instead of slider */
	.mobile-img {display: block !important; /*margin: 1rem auto;*/}	
	.mobile-img img{
		display: block; 
		position: relative;
		top: -1px;
		left: 0;
	}
	
	.boh-content-table {width: 87vw;}	
	#first-img-about-us, #second-img-about-us {
		display: block !important; 
		float: none !important; 
		margin: 0 auto !important;
	}
	.boh-directions-margins {margin: 0 0 1rem 0; line-height: 1.125rem;}
	
	/* this is ugly, but I had no other choice */
	/* td[style*="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 15px"] {padding-left: 0px !important;} */
	
	.boh-articles-top-menu {display: none;}
	.boh-no-bottom-margin-on-mobile, .boh-content-table + p  {margin-bottom: 0 !important;}
	
	
	#first-img-playa-blanca, #second-img-playa-blanca, #third-img-playa-blanca, 
	#first-img-club-marena, #second-img-club-marena, #img-baja-ocean-front, 
	#first-img-palacio-del-mar, #second-img-palacio-del-mar,
	#first-img-club-marena-amenities, #second-img-club-marena-amenities,
	#first-img-club-marena-directions, #second-img-club-marena-directions,
	#first-img-playa-blanca-directions {
		display: block !important; 
		float: none !important; 
		border: none !important;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
		-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 1rem auto !important;
	}

	/* search screen - baja real estate mls */
	#TblRowStatus td, #TblRowType td {display: block !important;}
	/* end search screen */
	
	#playa-blanca-google-maps {width: 300px;}
	
	#boh-left-column-pb-amenities, #boh-right-column-pb-amenities {
		display: block;
		width: 100%;
		vertical-align: top;
	}

	/* palacio del mar gallery slider */
	.boh-palacio-del-mar-gallery {
		float: none !important;
		display: block;
	}
	
	/* nuevo setting para formatear la intro y su posible menu  de los listings*/
	.listing-description {display: flex; display: -webkit-flex; display: -moz-flex; flex-direction: column-reverse; padding-left: 15px; padding-right: 15px;}
	
	a[expand-content-mobile-ready], a[collapse-content-mobile-ready] {
		display: inline-block;
	}

	/* hide content on mobile */
	div[hidden-content-mobile-ready] {
		display: none;
	}


}

@media only screen and (max-device-width: 670px) {
	#la_jolla_excellence_video {width: 640px; height: 480px;}
}

@media only screen and (max-device-width: 414px) {
	#la_jolla_excellence_video {width: 360px; height: 270px;}
}

@media only screen and (max-device-width: 360px) {
	#la_jolla_excellence_video {width: 320px; height: 270px;}
}


@media only screen and (max-device-width: 320px) {
	#la_jolla_excellence_video {width: 270px; height: 202px;}
}


@media only screen and (max-device-width: 670px) {
	.palacio-del-mar-video {width: 640px; height: 480px;}
}

@media only screen and (max-device-width: 414px) {
	.palacio-del-mar-video {width: 360px; height: 270px;}
}

@media only screen and (max-device-width: 360px) {
	.palacio-del-mar-video {width: 320px; height: 270px;}
}


@media only screen and (max-device-width: 320px) {
	.palacio-del-mar-video {width: 270px; height: 202px;}
}

/*** END -- MEDIA QUERIES ***/


/****  FLOOR PLAN CAROUSEL  ****/
.mySlides {display:none}

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #f9a332;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 3px 0 0 3px;
}

.next {
  right: 0;
  border-radius: 0 3px 3px 0;
}

.prev:hover, .next:hover {
  background-color: rgba(0,60,96,0.8);
}

.text {
  color: #003c60;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.numbertext {
  color: #003c60;
  font-size: 12px;
  padding: 16px 26px;
  position: absolute;
  top: 0;
}


.active {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/**** END FLOOR PLAN CAROUSEL  ****/

.home-page-left-menu {
	width: 100%;
}