/*
Theme Name:         shadyside2
Theme URI:          http://www.Shadysideinn.com
Description:        Custom theme using Foundation5 
Version:            1.2.0
Author:             Ocreations (Design- Dustin Lawson | Developer- Christian Zagarskas)
Author URI:         http://ocreations.com/
License:            Closed - DO NOT COPY

CHANGELOG-------------------
1.2.0- media replace added, schema microformats, reviews, seoYoast integration
1.1.0- added gallery support, VR tours, subtitles, ProBooking page upgrade
1.0.0- base launch
*/

/* -------------------------------------------------------------------
http://foundation.zurb.com/docs/components/visibility.html	
http://foundation.zurb.com/docs/media-queries.html					
------------------------------------------------------------------- */



/* -------------------------------------------------------------------		
------------------------------------------------------------------- */

.post-media-wrapper img:hover {cursor: pointer;}



.clr { clear:both; display:block; width:100%;}
.entry-content { text-align:left; }
.hide_this { display:none !important; visibility:hidden !important}

body { padding:0 0 0 0;
 -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
	}
/*border-top:1px dashed #FF0004; border-bottom:1px dashed #83E700 */
section.loop { margin:0 0 50px 0; }
body.fixed { position:static !important}
.wrap{ max-width:1500px; margin:0 auto;}

.button {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  text-transform:uppercase;}
.row { max-width:1400px;}

.as_five { width:20% !important }
.top_spacer { padding:100px 0 0 0;}



.home .row.the_content { text-align:center}


#copyright, #copyright p {font-size:12px !important; text-align:center; padding:10px; }
/* -------------------------------------------------------------------
typography					
------------------------------------------------------------------- */
*, h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', Helvetica, sans-serif; }
h1 {margin:0 auto; font-size: 2.4rem; text-align:center; color:#909090; padding:15px 0 }
h1.entry-title {margin:0 auto; font-size: 2.4rem; text-align:left; color:#909090; padding:15px 0 }


.loop h1, .loop h2, .loop h3 {  font-size: 2.2125rem; font-weight:bold; color:#5e5e5e; margin:10px 0 10px 0; padding:0}

/* just animate 'almost' everything */

.anim_30s,  a.social_data-social-tooltip  {-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
.anim_50s, #main_nav{-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
.anim_75s {-webkit-transition: 0.75s ease-in-out;
    -moz-transition: 0.75s ease-in-out;
    -o-transition: 0.75s ease-in-out;
    transition: 0.75s ease-in-out; }
	
	.interior_page { text-align:center;}
	
	
/* -------------------------------------------------------------------
Footer formatting					 overflow:hidden	
------------------------------------------------------------------- */
#foot { padding:40px; margin:10px 0 0 0;}
#foot .soc {float:right; display:block; width:45%; text-align:right;}
#foot_nav .menu_link, #foot_nav .menu_link a, #foot_nav { }
foot_nav { float:left}
	
/* -------------------------------------------------------------------
Post formatting					 overflow:hidden	
------------------------------------------------------------------- */

.z_pagination { float:left; clear:both; display:block; margin:0 0 10px 0; }
.z_page_numbers.page_num, .page-numbers{ border:1px solid #D9D9D9; margin:0 4px 0 0; padding:5px 10px;}


.post-media-wrapper {  display:block !important;
  vertical-align: middle !important;
    width: 100% !important; overflow:hidden;
  height: auto !important; margin:15px 0;}
  
.blog_loop .entry-title, .blog_loop .entry-title a { margin:0; padding:0;
  font-size: 17px; color:#000000; font-weight:bold; text-transform: uppercase;
}



.entry-meta span{
	font-size: 12px; color:#000000 !important;
  border: none !important;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
}

.address_sub_info span{ margin: 0 !important; }



.entry-meta .author-links, .entry-meta .cat-links, .entry-meta .comments-link, .entry-meta .edit-link, .entry-meta .permalink{
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.entry-content p { color:#525252; font-size:90%;}

.more-link:hover { cursor: pointer;
}

.more-link .more-link {
  text-align: right;
  display: block;
  width: auto;
    text-transform: uppercase;
  letter-spacing: 0.5px;
    font-size: 11px;
	  color: #222222;
}

.more-link .more-link i{ padding-left:3px;}
.more-link .more-link:hover i{ padding-left:10px;}
iframe { border:none !important;}


.three_col_loop .post-media-wrapper {  max-height:365px; }
.three_col_loop .entry-meta, .three_col_loop .entry-meta span { 
text-align:right; display:block; padding:2px 0 !important}




.three_col_loop .entry-content{ text-align:left}
.three_col_loop .date-format .day {
  font-size: 60px;
  display: block;
  line-height: 50px;
  font-weight: bold;
  color: #222222;
    font-family: 'Helvetica', Arial, Sans-serif !important;
}
.three_col_loop .date-format .month {
  color: #222222;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
   font-family: 'Helvetica', Arial, Sans-serif !important;
}
.three_col_loop .date-format {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EFEFEF;
}

.three_col_loop .post {  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EFEFEF;
}
.three_col_loop .entry-title, .three_col_loop .entry-title a {
  margin: 0 0 7px 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-transform: uppercase;
  font-size: 22px;
}
 



/* -------------------------------------------------------------------
Sidebar formatting					 overflow:hidden	
------------------------------------------------------------------- */
.widget-container ul { list-style:none; text-align:left; margin:0; padding:0;} 
.widget-container li { list-style:none; text-align:left} 
.widget-title {
  font-size: 13px;
  color: #222222;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight:bold;
  text-align:left;
  margin:0 0 20px 0; padding:0;
}

.widget-container li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #EFEFEF;
  padding-left: 10px;
  position: relative;
}

.widget-container li a, .widget-container li, .textwidget { text-decoration:none; font-size:13px; color:#222222; text-align:left;
}

.widget-container li:before {
  
font-family: 'FontAwesome';
  content: "\f105";
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  color: #222222;
}

.widget-container { margin:0 0 25px 0 !important;
}


/* -------------------------------------------------------------------
parallax		
------------------------------------------------------------------- */
.parallax_window {
    background: transparent;
	background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:cover !important;
  -webkit-background-size:cover !important;
  -moz-background-size:cover !important;
  -o-background-size:cover !important;
}

	
/* -------------------------------------------------------------------
Reviews Type 					 overflow:hidden	
------------------------------------------------------------------- */
.review_star_set { width:32.83333%; display:inline-block; text-align:center;}
.review_star_set { font-size:0.8rem; color:#878787}
.review_star_set span{display:block; text-align:center;}
.review_star_set_big { width:99.111%; text-align:center; display:block; font-size:1.1em;}
.sys_breadcrumbs { display:block; max-width:99%; text-align:center; margin:2px; padding:2px; font-size:8px;}
.sys_breadcrumbs, .sys_breadcrumbs a, .sys_breadcrumbs a:hover { color:#C8C8C8; }
.single_review h2 { font-size:1.325rem !important; margin:15px 0 0 0 !important; padding:15px 0 0 0 !important;
 border-top:1px solid #DDDDDD; text-align:center}
 .review_meta {font-size:0.825rem !important;  text-align:center}
 .review_origin,  .review_origin a{font-size:0.725rem !important; color:#8A8A8A; line-height:0.725rem; letter-spacing:0.07rem; font-family: Times, "Times New Roman", serif  }
 .review_origin a{ text-decoration:underline }



#reviews_section .bx-viewport { background:none; color:#FFFFFF; text-align:center; height:120px} 
.a_review  { min-height:120px;}
.a_review  .subtext{ font-size:0.8em; text-transform:uppercase; color:#FFFFFF;}
.a_review  .subtext:hover{ text-decoration:underline}

#reviews_section .bx-viewport p { text-align:center; font-weight:bold} 
#reviews_section .bx-wrapper .bx-controls-direction a { bottom: 0px !important; top:105%; color:#FFFFFF; font-size:27px !important; width:38px; height:38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center}
#reviews_section .bx-wrapper .bx-next { right:45%}
#reviews_section .bx-wrapper .bx-prev { left:45%}



.page-template-page-review .top_spacer { padding:0 !important;}
.page-template-page-review  {  }
 
.page-template-page-review .title { padding:200px 0 0 0 !important;}

#reviews_section .title {    text-shadow: 2px 2px 8px #000;
 color:#FFFFFF; text-align:center; margin:0 auto; padding:100px 0 10px 0; font-weight:bold}
	


	

  
/* -------------------------------------------------------------------
Locations & Maps features				img[src^='https://maps.gstatic.com/mapfiles/transparent.png']		
------------------------------------------------------------------- */
.map_headquarters { width:50px; height:50px; position:relative; top:-10px; }
.safe_img img{ max-width:initial !important;}
#map h4 {  font-size: 1.25rem; margin:0; padding:0;}
#map p{  font-size: 0.975rem; margin:0; padding:0;}
#map a {  font-size: 1.405rem; margin:0; padding:0;}
#map_options { display:none; visibility:hidden; height:0px;}
#location_group .row{ display:block; clear:both; width:100%; max-width:100% !important; margin:20px 0;}
.a_location { margin:0 0 20px 0 !important; padding:0 !important; overflow:hidden; } 
.a_location .header, .a_location .header a{display:block; height:100%; margin:0; padding:0;} 
.a_location .header{background:none; color:#3F3F3F; text-align:center; display:block; font-size:0.80em; font-weight:bold; padding:5px 0px;} 

.a_location .trigger{  color:#FFFFFF; font-weight:bold;  text-align:center;
  position:absolute; display:block;
  top: 45%; width:100%;
  opacity:0; z-index:99999;
}



.a_location .trigger .marker-icon{ font-size:30px !important; text-align:center !important; margin:0 auto !important; display:block; position:static !important; padding:10px !important;}
.a_location .trigger .marker-text{ text-align:center; margin:0 auto !important; display:block; font-size:0.85em !important;}

.a_location .frame {overflow:hidden; background:#000; margin:0;}
.a_location .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	text-align:center; height:175px; width:100%;
	opacity:1; position:relative;
	} 
	
	@media only screen and (min-width: 64.063em) { /* prevent hover action on mobile */
.a_location:hover .bg { opacity:0.5;
-webkit-transform: scale(1.15, 1.15);
   -moz-transform: scale(1.15, 1.15);
   -ms-transform: scale(1.15, 1.15);
   -o-transform: scale(1.15, 1.15);
   transform: scale(1.15, 1.15)} 
.a_location:hover .trigger{ opacity:1; top: 28%;} 
	}
.a_location b { text-align:center; display:block; margin:0; padding:5px; font-size: 1rem; color:#FFF;}

/* single page */
h3.how_far { text-align:right; margin:0; padding:0; font-weight:normal; font-size:1.2125rem}

.to_from_box { margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EFEFEF;}
	
	@media only screen and (min-width: 642px) and (max-width: 1399px) { /* prevent box buildup patch */
.from_to_ico { display:none; visibility:hidden }
.address_sub_info { display:block !important; width:100% !important; max-width:100% !important; margin:0 0 10px 0 }
	}
  
.from_to_ico { margin:20px 0 0 0; position:relative;}
.address_sub_info, .from_to_ico { float:right}
.address_sub_info span {  display:inline-block !important}
.address_sub_info.from { width:53.575%; max-width:53.575%;}
.address_sub_info.to { width:41.575%; max-width:38.575%;}
.address_sub_info .vcard{ display:block; line-height:1; padding:0.45rem;}
.address_sub_info a:hover .vcard { background:#ECECEC; cursor:pointer}
	
.location_sub_info * {font-size:15px !important; font-weight:normal; text-align:left; margin:0; padding:0; }
.location_sub_info { width:250px; text-align:left;
display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.725rem 0.85rem;}

.vcard{ margin:0;}

/* -------------------------------------------------------------------
Residential Type 						
------------------------------------------------------------------- */
#residential_group { margin:0 auto; padding:20px 0; }
.feature_01 { text-align:center} 
.feature_01 strong { text-align:center; display:block; margin:0; padding:5px; font-size: 1rem; color:#000000;}
span.circ {padding: 20px;  background:#000; color:#FFFFFF; font-size:23px; display:inline-block; margin:0 auto;
  -moz-border-radius: 55%;
  -webkit-border-radius: 55%;
  border-radius: 55%; width:66px; height:66px;
}
.row.residential_loop { padding:0 0 20px 0;}
.c { text-align:center}


/* -------------------------------------------------------------------
Amenity Type 					 overflow:hidden	
------------------------------------------------------------------- */
.an_ammenity { margin-bottom:1.5375rem !important;  } 

.an_ammenity .entry-title, .an_ammenity .entry-title a{display:block; height:100%; margin:0; padding:0;} 
a.an_ammenity .boxed{background:rgba(46,46,46,0.75);} 
@media only screen and (min-width: 64.063em) { /* prevent hover action on mobile */
a.an_ammenity:hover .boxed{background:rgba(0,0,0,0.28);} 
}

.an_ammenity .amenity_lines{ display:block; color:#FFFFFF; font-weight:bold; 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin:0 !important; padding:0 !important;
}
.amenity_line1, .amenity_line2 { width:100%; display:block}


.an_ammenity .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	text-align:center; height:200px; display:block;
	} 

@media only screen and (min-width: 64.063em) { /* prevent hover action on mobile */
.an_ammenity .bg:hover { -webkit-transform: scale(1.1, 1.1);
   -moz-transform: scale(1.1, 1.1);
   -ms-transform: scale(1.1, 1.1);
   -o-transform: scale(1.1, 1.1);
   transform: scale(1.1, 1.1)} 
}
	
.an_ammenity b { text-align:center; display:block; margin:0; padding:5px; font-size: 1rem; color:#FFF;}




/* -------------------------------------------------------------------
Selling Points Type 						
------------------------------------------------------------------- */
.selling_points .area_title {margin:0 auto; font-size: 1.4rem; font-weight:bold; 
text-align:center;  padding:5px 0 }
.row.selling_points { padding:20px 0;}
span.circ.small {padding: 13px !important; font-size:15px !important; max-width:40px;  max-height:41px; }

.selling_points .subtitle {margin:0; padding:0; font-size: 1rem; font-weight:bold; }
.selling_points p {margin:0; padding:0 0 10px 0; font-size: 0.9rem;  }
.selling_points .row.a_point { height:150px; }

.selling_points .columns.left .a_point .columns{}
.selling_points .columns.right .a_point .columns{ }

.selling_points .columns.left { padding:0 50px}
.selling_points .columns.right { padding:0 50px}

.vid, .vid img {cursor:pointer; border:none;}


/* -------------------------------------------------------------------
Suites Type 					 overflow:hidden	
------------------------------------------------------------------- */
.bx-wrapper { margin:15px auto 0 auto !important;}
.a_suite { margin:0 !important; padding:0 !important; overflow:hidden; } 
.a_suite .header, .a_suite .header a{display:block; height:100%; margin:0; padding:0;} 
.a_suite .header{background:none; color:#3F3F3F; text-align:center; display:block; font-size:0.980em; font-weight:bold; padding:10px 20px;} 

.a_suite .trigger{  color:#FFFFFF; font-weight:bold;  text-align:center;
  position:absolute; display:block;
    top: 51%;
  transform: translateY(-50%);
   width:100%;
  opacity:0; z-index:99999;
}

.a_suite:hover .trigger{ opacity:1; top: 40%; transform: translateY(-50%);} 

.a_suite .trigger .fa{  color:#FFFFFF !important; background:none !important; font-size:2em;}

.a_suite .frame {overflow:hidden; background:#000; margin:0 0 10px 0;}
.a_suite .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	text-align:center; width:100%;
	opacity:1; position:relative;
	} 
	
.a_suite:hover .bg { opacity:0.5;
-webkit-transform: scale(1.15, 1.15);
   -moz-transform: scale(1.15, 1.15);
   -ms-transform: scale(1.15, 1.15);
   -o-transform: scale(1.15, 1.15);
   transform: scale(1.15, 1.15)} 


	
	
.a_suite b { text-align:center; display:block; margin:0; padding:5px; font-size: 1rem; color:#FFF;}




/* -------------------------------------------------------------------
Galleries - Basic Filmstrip	
------------------------------------------------------------------- */
	.an_img { margin:0 !important; padding:0 !important; overflow:hidden; } 

.an_img .trigger{  color:#FFFFFF; font-weight:bold;  text-align:center;
  position:absolute; display:block;
    top: 51%;
  transform: translateY(-50%);
   width:100%;
  opacity:0; z-index:99999;
}

.an_img:hover .trigger{ opacity:0.75; top: 40%; transform: translateY(-50%);} 

.an_img .trigger .fa{  color:#FFFFFF !important; background:none !important; font-size:2em;}

.an_img .frame {overflow:hidden; background:#000; margin:0;}
.an_img .bg {  
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	text-align:center; width:100%;
	
	}  	
.an_img:hover .bg { 
-webkit-transform: scale(1.25, 1.25);
   -moz-transform: scale(1.25, 1.25);
   -ms-transform: scale(1.25, 1.25);
   -o-transform: scale(1.25, 1.25);
   transform: scale(1.25, 1.25)} 


	
	
.an_img b { text-align:center; display:block; margin:0; padding:5px; font-size: 1rem; color:#FFF;}





/* -------------------------------------------------------------------
NAV 						
------------------------------------------------------------------- */
.logo, .logo a, #main_nav .title-area { background:none !important}
#main_nav { position:absolute; top:0; z-index:99999; width:100%; height:4.8125rem; }
#main_nav.expanded .sub-nav { visibility:visible !important;}



#main_nav .sub-nav { float:left; display:inline; padding:10px; }
.sub-nav li{ display:inline-block;padding:0; }
.sub-nav li.menu_link{padding:12px 0 0 0; margin:4px 12px 4px 4px !important; position: relative;}

.sub-nav li a{ text-align:center; padding:4px 9px !important;  margin:0 !important; text-transform:uppercase;}


.menu_sep { 
    background: #ccc;
    width: 3px;
    height: 3px; padding: 0; margin: 0;
    border-radius: 100%;
    float: right;
    display: block;
    position: absolute;
    right: -10px;
    top: 22px;
    
    }
/*.sub-nav li span{ margin:0; padding:0 10px; float:right; clear:none}*/



.sub-nav li.phone a{ position:relative; top:-2px; text-transform:lowercase;}



  
  
@media only screen and (min-width: 64.063em) { /* prevent hover action on mobile */
	.active_nav, .menu_link a:hover {
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	 color:#FFFFFF !important;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

#mobile_toggle { float:right; font-size:35px; padding:0 5px 0 0; margin:0 5px 0 0; }




/* LOGO SETTINGS----------------------- */
.logo_li h1, .logo_li a { margin:0 !important; padding:0 !important;}
.logo_li { margin:-11px 5px 0 -5px !important; padding:0 !important;}
.logo { padding:0; float:left; width:260px; display:block}
.logo_line1 { font-size:29px; display:block; font-family: 'Montserrat' !important;
 margin:0 !important; padding:0 !important; font-weight:500; letter-spacing:0px; }
.logo_line2 { font-size:23px; display:block; font-family: 'Montserrat' !important;
margin:-8px 0 0 0 !important; padding:0 !important;  letter-spacing:1px !important; font-weight:100  } 

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.hq_bg_img { background-repeat: no-repeat; background-size: contain;}

/* at_top is WHITE
These are controlled in the OPTION PANEL now. see header file
#main_nav.at_top .logo img { -webkit-filter: invert(0%) !important;  }
 */
#main_nav.at_top #mobile_toggle { color:#FFF;}
#main_nav.at_top { background-color:rgba(0, 0, 0, 0.2); }
#main_nav.at_top.open { background-color:rgba(0, 0, 0, 0.45) !important; }
#main_nav.at_top:hover { background-color:rgba(0, 0, 0, 0.3); }

#main_nav.at_top .logo_line1, #main_nav.at_top .logo_line2 { color:#FFFFFF !important; }
#main_nav.at_top .sub-nav li a { color:#FFFFFF;}
.sub-nav .logo a{ padding:0 !important;  margin:0 !important; }


#main_nav .logo_a { position:relative; min-height:75px; }
#main_nav .logo_img { position:absolute; top:0; left:0; padding:10px 0 0 0; }

#main_nav.at_top .logo_dark { display:none; visibility:hidden; opacity:0}
#main_nav.not_top .logo_dark { display:block; visibility:visible; opacity:1}

#main_nav.not_top .logo_light { display:none; visibility:hidden; opacity:0}
#main_nav.at_top .logo_light { display:block; visibility:visible; opacity:1}





/* not is BLACK */
#main_nav #mobile_toggle { color:#000;}
#main_nav { background-color:rgba(255, 255, 255, 0.88); }
#main_nav:hover { background-color:rgba(255, 255, 255, 0.96); }
#main_nav .sub-nav li a { color:#000;}

#main_nav .logo_line1, #main_nav .logo_line2 { color:#000 !important; }


/* -------------------------------------------------------------------
#main_nav .logo img { -webkit-filter: invert(100%)  !important;  }
Booking 						 - http://www.cssportal.com/css3-shapes/
#main_nav.at_top .sub-nav li a { color:#FFFFFF;}
#main_nav.at_top .logo img { -webkit-filter: invert(0%) !important;  }

------------------------------------------------------------------- */
#booking_box { float:right; width:360px }
#booking_box input[type=text], #booking_box input[type=text].dwtd { width:85px !important; float:right !important; margin:18px 0 0 4px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background-color:rgba(255, 255, 255, 0.8); color:#000000 }
#booking_box .fa.fa-calendar{ float:right; position:relative; display:block; left:-21px; top:29px; color:#000}

#flag{ width:130px; float:right; overflow:hidden; height:130px; position:relative; top:0; margin:0 0 0 4px;}
#bookbtn { background:#2d96de; color:#FFFFFF; margin:0; padding:0; text-align:center; height:90px; width:130px; float:left; border:0 !important; font-weight:bold; font-size:17px; }
#downT {  width: 0;  height: 0; float:left; clear:left; margin:0; padding:0; position:relative; top:0px;
   border-top: 28px solid #2d96de;
   border-left: 65px solid transparent; 
   border-right: 65px solid transparent; 
}

.dw-persp { z-index:99999 !important}






/* -------------------------------------------------------------------
Slider http://unslider.com/
------------------------------------------------------------------- */
.banner { position: relative; overflow:hidden;   }
.slideholder { height:100%;} 
    .banner li.slide {float: left; list-style: none; width:100%; margin:0; padding:0;
	min-height:100% !important;
	   background-size: cover !important;
	   background-position:center !important;
	   background-repeat:no-repeat !important;
  }

.banner ul { margin:0; padding:0; background: #000;  }
.banner .dots { margin:0; padding:0; 
  position:absolute;
  /*left: 50%; left: 46%; */
  left: 47.675%;
  bottom: 0;
}

.unslider-arrow.prev { position:absolute;left: 0;}
.unslider-arrow.next { position:absolute; right: 0;}
.unslider-arrow { color:#FFFFFF !important; font-size:70px; margin:0; padding:0 20px; opacity: 0.5;  
transition: background .5s, opacity .5s;  bottom: 45%;}
.unslider-arrow:hover { font-size:85px; opacity: 1;  margin-bottom:-10px;}
.banner .dots li.active {background: #fff; opacity: 1;}
	
.banner .dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 7px;
  text-indent: -999em;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  opacity: .5;
}

  .banner .dots li, .unslider-arrow {
   transition: background .5s, opacity .5s;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
   text-shadow:#000000 1px 1px;
}

.banner li .content{ margin:0 auto; padding:17.5% 0 0 0; display:block; text-align:center; min-height:50px; height:50px; }
.banner li .content.hero{ margin:0 auto;  padding:0 !important; display:block; text-align:center; 
 position: relative;
  top: 50%;
  transform: translateY(-50%);
    }

.banner li .content{ opacity:0; -webkit-transition: opacity 1s;  transition: opacity 1s;}
.banner li.active .content{ opacity:1;  }
.banner li .title{ font-size:55px; color:#FFFFFF; margin:0 auto; padding:5px; display:block; text-align:center; font-weight:bold;  text-shadow: 2px 2px 8px #000; text-transform:uppercase;
}




.single-suite .view_gallery_button{ text-transform:uppercase; color:#fff;
 display:block; border: 1px solid #000000; background: #000000;
    padding: 0.625rem 0.75rem; margin:25px 25px 25px 25px !important; text-align:center; }
    
    

/* -------------------------------------------------------------------
query overrides 						
------------------------------------------------------------------- */
.high_contrast { background: #fff; color: #000; }
.high_contrast_invert { background: #000; color: #fff; }
/* Small screens*/
@media only screen {} 
/* Define mobile styles */

/* max-width 640px, mobile-only styles, use when QAing mobile issues
iPod, iPhone, sm smart Phone */
@media only screen and (max-width: 40em) {  

#main_nav .logo_img{ padding:10px 0 0 10px !important; max-width: 180px; }
#main_nav .logo_a { min-height: 50px; }


.amenity_line1, .amenity_line2 { font-size:100% !important}
.amenity_lines { overflow:hidden !important;}
.columns {  overflow:hidden !important;}

#foot .soc { width:100%}
#foot { padding:10px;}


/* at_top is WHITE */
#main_nav.at_top { background-color:rgba(0, 0, 0, 0.5); }
#main_nav.open.at_top { background-color:rgba(0, 0, 0, 0.8); }

	

.logo { float:left} 




/* -------------------------------------------------------------------
Location Type 						
------------------------------------------------------------------- */
[class*="column"]+[class*="column"]:last-child { float:left !important}
.a_location .bg { height:0px; display:none; visibility:hidden}
.trigger { display:none; visibility:hidden}
.a_location { margin:1px 1px 0 0 !important; width:49.4% !important; display:inline-block; padding:0; background:#F3F3F3; min-height:50px;}
#location_group .row { margin:0 0 50px 0; padding: 0;}

#map { max-height:300px !important;}

/* -------------------------------------------------------------------
Residential Type 						
------------------------------------------------------------------- */
.feature_01 { display:inline-block; width:50%; margin:0; padding:0; margin:-25px 0;}
.feature_01 h2{ margin:0; padding:0;}
.feature_01 strong{ display:block; float:left; clear:both; width:100%; text-align:center;}

.feature_01 a{ display:block; float:left; clear:both; width:100%; text-align:center;}


span.circ {    position: relative; float:left; clear:left;
    top:0;
      -ms-transform: translate(100%,250%); /* IE 9 */
   	-webkit-transform: translate(100%,250%); /* Safari */
    transform: translate(100%,250%);}

/* -------------------------------------------------------------------
Menu grouping					
------------------------------------------------------------------- */
.sub-nav .logo_li { display:none !important; visibility:hidden !important; }

#main_nav .sub-nav { height:100%;}
#main_nav .sub-nav { visibility:visible; display:block;}

#main_nav {padding:0 !important; overflow:auto !important; height:6.475em; z-index:9999 !important; } 
#main_nav.open {top:0; bottom:0; left:0; right:0; height:100% !important; overflow:auto !important;}

.sub-nav { margin:0 auto; float:none; display:block; width:100%; padding:0 20px 5px 20px; height:100%;}

.sub-nav li{ display:inline-block; margin:5px !important; padding:5px !important;  width:100%; float:right; clear:right}
.sub-nav li a{ display:block; text-align:right; background:none; border-bottom:1px solid #282828; padding:5px 10px 5px 5px !important; color:#FFFFFF; font-weight:bold;}
.sub-nav li span{ display:none; visibility:hidden}

	#booking_box { float:left; clear:both; width:100% !important; padding:5px 0 5px 0; }
	#flag{  float:right; overflow:hidden; height:33px; width:94px; position:relative; top:0; margin:0;}
	#bookbtn { margin:0; padding:0; text-align:center; height:34px; width:94px; float:left; 
	border:0 !important; font-weight:bold; font-size:0.9125rem; }
	#downT { visibility:hidden; display:none;}

#booking_box input[type=text], #booking_box input[type=text].dwtd { width: 101px !important; margin: 3px 10px 0 0px !important; border-width:0 !important; padding:0.35rem}
input[type='text'], input[type='number'], textarea {  font-size: 16px;}

#booking_box .fa.fa-calendar.a02, #booking_box .fa.fa-calendar.a01 { visibility:hidden; display:none} 
/*
#booking_box .fa.fa-calendar.a01 { visibility:visible; display:block; float:left; position:relative; top:7px; z-index:9999; left:10px} 
*/






.banner li .content{ padding:35% 0 0 0 !important; }
.banner li .title{ font-size:25px; color:#FFFFFF; }
.banner li .button{ font-size:12px; }
.banner, .banner .slideholder  { max-height:325px !important;  }
 .banner .slide  { max-height:425px !important;  }
.unslider-arrow {  bottom: 0 !important;}
.banner .dots { display:none}
 .banner li.slide {
	   background-size:cover !important;
	   background-attachment:scroll !important;
  }
  
  
  
  
  
  h1 { font-size: 1.4rem; padding:15px 0 }


/* -------------------------------------------------------------------
testamonials				
------------------------------------------------------------------- */
#reviews_section .bx-wrapper .bx-next { right:25%}
#reviews_section .bx-wrapper .bx-prev { left:25%}


/* -------------------------------------------------------------------
Suites grouping					
------------------------------------------------------------------- */

#suites_group .bx-viewport { overflow:hidden !important;}
.a_suite .bg { height:320px !important; } 
.slide.a_suite a { display:block;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {top:-56px;}
.bx-wrapper .bx-controls-direction a { float:left; position:absolute; top:-56px;}
.bx-wrapper .bx-controls-direction .bx-prev { position:absolute; left:0}
.bx-wrapper .bx-controls-direction .bx-next { position:absolute; right:0}

/* -------------------------------------------------------------------
Galleries - Basic Filmstrip	
------------------------------------------------------------------- */

	
.single-suite .directions_link{ text-transform:uppercase; color:#000000;
 display:block; border: 1px solid #DDDDDD;
    padding: 0.625rem 0.75rem; margin:0 10px 25px 10px !important; text-align:center !important; }
.single-suite .directions_link span{ text-align:center !important;  font-size:16px !important;}
.single-suite .directions_link span i{ visibility:hidden; display:none; }
	
.single-suite .date-format, .single-suite .address_sub_info { display:none; visibility:hidden;}
	

	
/* -------------------------------------------------------------------
custom datepicker					
------------------------------------------------------------------- */
.mbsc-mobiscroll .dw-cal-day-fg {
  font-size: 1.1525em;
}
.dw-cal-day-fg {padding: 15px 10px;}
.dw-cal-sel-end, .dw-cal-sel-start { opacity:0.8}
.dw-cal-sel-end .dw-cal-day-fg, .dw-cal-sel-start .dw-cal-day-fg, .mbsc-mobiscroll .dwb{ color:#FFFFFF !important;}

.mbsc-mobiscroll .dw-cal-day-fg {
  font-size: 1.3525em;
}

.dwcc { margin:0 0 -40px 0 !important }
.dw-dr-t {}
.dwbc { position:absolute !important; z-index:9999999 !important; bottom:0 !important; height:40px !important}

.dw-cal-table { margin:0; padding:0 0 20px 0}
.dw-cal-day-diff { opacity:0; }


.loop h1, .loop h2, .loop h3 {  font-size: 1.25rem !important;}



}




@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
/* min-width 641px, medium screens 
768px X 1024
iPad Minni and tablets like iPads in general
*/




#main_nav .logo_img{ padding:10px 0 0 10px !important; }
.mobile_logo { display:block !important; height:50px; min-width:30.999%; float:left;}

/* -------------------------------------------------------------------
slider				
------------------------------------------------------------------- */
 .banner li.slide {
	    background-attachment: scroll;
 }
  
  
  /* -------------------------------------------------------------------
Residential Type 						
------------------------------------------------------------------- */
.feature_01 { display:inline-block; width:50%; margin:0; padding:0; margin:-25px 0;}
.feature_01 h2{ margin:0; padding:0;}
.feature_01 strong{ display:block; float:left; clear:both; width:100%; text-align:center;}

.feature_01 a{ display:block; float:left; clear:both; width:100%; text-align:center;}


.feature_01 span.circ {    position: relative; float:left; clear:left;
    top:0;
      -ms-transform: translate(235%,250%); /* IE 9 */
   	-webkit-transform: translate(235%,250%); /* Safari */
    transform: translate(235%,250%);}
/* -------------------------------------------------------------------
Selling Points Type 						
------------------------------------------------------------------- */
.row.selling_points { margin:20px 0; padding:20px 0;  }
.selling_points .area_title {}
.selling_points span.circ.small { }

.selling_points .subtitle {}
.selling_points p {  }
.selling_points .row.a_point { width:50%; float:left; text-align:center; padding:15px; display:inline-block; height:auto !important  }
.selling_points .popup_trigger { text-align:center; margin:0 auto !important; padding:5px; margin:10px; display:block }


.selling_points .columns.left .a_point .columns{}
.selling_points .columns.right .a_point .columns{ }

.selling_points .large-4.columns { }

.selling_points .columns.left { clear:both; display:block }
.selling_points .columns.mid { clear:both; display:block; width:100%; }
.selling_points .columns.right {clear:both; display:block  }

.vid {}


/* -------------------------------------------------------------------
Suites grouping					
------------------------------------------------------------------- */

#suites_group .bx-viewport { overflow:hidden !important;}
.bx-controls-direction { display:block; visibility:visible}

.bx-wrapper .bx-controls-direction a { float:left; position:absolute; top:-8px;}
.bx-wrapper .bx-controls-direction .bx-prev { position:absolute; left:0}
.bx-wrapper .bx-controls-direction .bx-next { position:absolute; right:0}


/* -------------------------------------------------------------------
Amenity Type 					 overflow:hidden	
------------------------------------------------------------------- */
.an_ammenity {} 

.an_ammenity h3, .an_ammenity h3 a{} 
a.an_ammenity .boxed{} 
a.an_ammenity:hover .boxed{} 


.an_ammenity .amenity_lines{ }
.amenity_line1, .amenity_line2 {}


.an_ammenity .bg {} 
	
.an_ammenity .bg:hover {} 
	
	
.an_ammenity b {}

/* -------------------------------------------------------------------
Blog settings					
------------------------------------------------------------------- */
#blog_group article { display:inline-block; width:50%}
/* -------------------------------------------------------------------
Menu grouping					
------------------------------------------------------------------- */
.sub-nav .logo_li { display:none !important; visibility:hidden !important; }

#main_nav .sub-nav { height:100%;}
#main_nav .sub-nav { visibility:visible; display:block;}

#main_nav {padding:0 !important; height:3.5em; z-index:9999 !important; } 
#main_nav.open {top:0; bottom:0; left:0; right:0; height:100% !important; overflow:auto !important;}

.sub-nav { margin:0 auto; float:none; display:block; width:100%; padding:0 20px 5px 20px; height:100%;}

.sub-nav li{ display:inline-block; margin:5px !important; padding:5px !important;  width:100%; float:right; clear:right}
.sub-nav li a{ display:block; text-align:right; background:none; border-bottom:1px solid #282828; padding:15px !important; color:#FFFFFF; font-weight:bold; font-size:120%;}
.sub-nav li span{ display:none; visibility:hidden}

	#booking_box { float:right; clear:none; width:auto; padding:0 50px 5px 0; display:inline-block }
	#flag { height:90px; }
	#bookbtn { margin:0; padding:0; text-align:center; height:56px; float:left; 
	border:0 !important; font-weight:bold; font-size:0.9125rem; }
	

#booking_box input[type=text], #booking_box input[type=text].dwtd { width: 101px !important; margin: 8px 10px 0 0px !important; border-width:0 !important; padding:0.35rem}
input[type='text'], input[type='number'], textarea {  font-size: 16px;}

#booking_box .fa.fa-calendar.a02, #booking_box .fa.fa-calendar.a01 { visibility:hidden; display:none} 
/*
#booking_box .fa.fa-calendar.a01 { visibility:visible; display:block; float:left; position:relative; top:7px; z-index:9999; left:10px} 
*/
/* -------------------------------------------------------------------
Location Type 						
------------------------------------------------------------------- */
.a_location .bg { max-height:110px; }
.trigger { display:none; visibility:hidden}
.a_location { margin:1px 1px 0 0 !important; width:49.7% !important; display:inline-block; padding:0; background:#F3F3F3; min-height:50px;}
#location_group .row { margin:0 0 50px 0; padding: 0;}
.map_popup_trigger { display:block !important;}

#map { max-height:350px !important;}

#foot .soc { width: 100% !important}

	} 
	
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues 
*/
/* Medium screens , iPad HORIZ
*/
@media only screen and (min-width: 40.063em) { 
} 

/* Large screens
*/
@media only screen and (min-width: 64.063em) {
	} 
/* min-width 1025px, large screens 
*/

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
} 
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) { } 
/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } 
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) { } 
/* min-width 1921px, xxlarge screens */


@media only screen and (min-width: 64.063em) and (max-width: 120em) {  
/* -------------------------------------------------------------------
custom datepicker					
------------------------------------------------------------------- */
.dw-dr-t { width:101% !important;}
.dw-cal-liq.dw-modal .dw {
	
	max-width:500px; max-height:428px; overflow:hidden;
	position:relative !important;
	top:5% !important;
	left:35% !important;
	
	box-shadow: 5px 5px 20px #000000;
}

.dw-persp {background:rgba(255,255,255,0.95);}

.dwbc { position:absolute; bottom:0; padding:0.64em !important; z-index:1}
.dw-dr-t { position:relative; z-index:99999;}
.dw-dr-t {display: table; width: 55%;}
.mbsc-mobiscroll .dw-cal-day-fg {
  font-size: 1.1525em;
}
.dw-cal-day-fg {padding: 10px;}
.mbsc-mobiscroll .dw-cal-day:hover { background:#FFFFFF}
.dw-cal-day.dw-cal-day-inv:hover { background:none !important}
.dw-cal-sel-end, .dw-cal-sel-start { opacity:0.8}
.dw-cal-sel-end .dw-cal-day-fg, .dw-cal-sel-start .dw-cal-day-fg{ color:#FFFFFF !important;}

.dw-cal-days table { margin:0 0 3px 0 !important; background:#D5D5D5; }

.dw-cal-sc-tbl { height:34% !important}

.dw-cal-day.dw-cal-day-inv, .dw-sel {border:none !important;}

.dwb-e.dwb { color:#FFFFFF !important;}

.dw-cal-day { border:1px solid #F0F0F0;}

.mbsc-mobiscroll .dw-dr-t { padding:0 .25em 0 0 !important;}
/* set andf cancel buttons */
.dwbw.dwb-s, .dwbw.dwb-c { font-size:15px !important}


.dwb-e.dwb-nhl.dw-i.dw-dr, .mbsc-mobiscroll .dw-dr{ margin:0 !important; padding:.6533em !important; color:#FFFFFF !important}
}




/* PIXAL PATCHES */

/* for some iPhones */
@media only screen and (max-height: 480px) { 
.dw-cal-day-fg {padding: 8px !important;}
.dwcc { margin:0 0 -80px 0 !important }
} 

/* for some desktops to fix menu */
@media only screen and (min-width: 1025px) and (max-width: 1399px) { 
#main_nav .sub-nav {
    float: none !important;
    display: block !important;
	padding:20px 0 0 0;
}

.sub-nav li span { display:none; visibility:hidden }

.sub-nav li.menu_link {
    padding: 5px 0 0 0 !important; 
    margin: 4px !important;
}

#booking_box input[type=text], #booking_box input[type=text].dwtd {
    width: 79px !important;}

#booking_box { width: 334px !important;}
.sub-nav li a {
    padding: 6px !important;
}

.logo {width:200px !important;
} 
}


/* for some desktops to fix menu */
@media only screen and (min-width: 1025px) and (max-width: 1199px) { 
.phone.menu_link { display:none; visibility:hidden;
}
}