/*
Theme Name: Harbor Point Rentals 2020
Version: 20200122.25
Author: 2K Web Group
template: bb-theme
*/

@font-face {
  font-family: 'ico-hp';
  src:  url('fonts/ico-hp.eot?7rfa67');
  src:  url('fonts/ico-hp.eot?7rfa67#iefix') format('embedded-opentype'),
    url('fonts/ico-hp.ttf?7rfa67') format('truetype'),
    url('fonts/ico-hp.woff?7rfa67') format('woff'),
    url('fonts/ico-hp.svg?7rfa67#ico-hp') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-hp-"], [class*=" icon-hp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ico-hp' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hp-compass:before {
  content: "\ea42";
  font-size: 8rem;
  color: #08A7B3;
}
.icon-hp-key:before {
  content: "\eb4a";
}
.icon-hp-weather-sun-wind:before {
  content: "\eccc";
  font-size: 8rem;
  color: #08A7B3;
}
.icon-hp-paw:before {
  content: "\ebd8";
  font-size: 8rem;
  color: #08A7B3;
}
.icon-hp-facebook:before {
  content: "\e902";
  color: #1877f2;
}


html {font-size: 62.5%;}
html body {font-size: 1.8rem;}

h1 {font-size: 4.8rem;}
h2 {font-size: 3.0rem;}
h3 {font-size: 2.4rem;}
h4 {font-size: 1.8rem;}
h5 {font-size: 1.4rem;}
h6 {font-size: 1.2rem;}

body > div.fl-page > header p,
body > div.fl-page > footer p {
	margin-bottom: 0;
}

.fl-page button, .fl-page input[type=button], .fl-page input[type=submit], .fl-page a.fl-button {
	font-size: 2rem !important;
	padding: 0.4em 1.2em !important;
	text-transform: uppercase;
}

button.fl-menu-mobile-toggle {
	font-size: 2rem !important;
	padding: 0.4em 0.6em !important;
}

.fl-page-content p,
.fl-page-content ul,
.fl-page-content ol {
	margin-bottom: 2rem;
}
.fl-page-content .fl-rich-text a {
	text-decoration: underline;
}
.autospace-off p {
	margin-bottom: 0;
}

.sub-menu a {
    text-transform: none;
}

.sub-menu li {
	font-size: 1.8rem;
}

.home .fl-heading-text span {
    font-style: italic;
}

.header-topactions {
	text-align: right;
}
.header-propertysearch,
.header-phonenumber {
	display: inline-block;
	vertical-align: middle;
    font-family: "Alatsi", sans-serif;
}
.header-propertysearch select {
	font-size: 1.2rem;
	background-color: #FAFAFA;
    border: solid 1px #DFDFDF;
    height: 24px;
}
.header-phonenumber {
	margin-left: 15px;
}
.header-phonenumber a {
	color: #08A7B3;
    font-size: 2rem;
}
.header-phonenumber a:hover {
	text-decoration: none;
}

#ssqs-wrapper,
.ssqs-wrapper-body {
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
}
.ssqs-wrapper-body {
	position: relative;
}
#ssqs-wrapper .listing-search-wrapper-inline,
.ssqs-wrapper-body .listing-search-wrapper-inline {
    margin: 0 auto;
    padding: 20px;
}
#ssqs-wrapper .listing-search-wrapper-inline label,
#ssqs-wrapper .listing-search-wrapper-inline input,
#ssqs-wrapper .listing-search-wrapper-inline select,
.ssqs-wrapper-body .listing-search-wrapper-inline label,
.ssqs-wrapper-body .listing-search-wrapper-inline input,
.ssqs-wrapper-body .listing-search-wrapper-inline select {
	display: block;
	font-size: 1.4rem;
}
#ssqs-wrapper .listing-search-wrapper-inline input,
#ssqs-wrapper .listing-search-wrapper-inline select,
.ssqs-wrapper-body .listing-search-wrapper-inline input,
.ssqs-wrapper-body .listing-search-wrapper-inline select {
	display: block;
	font-size: 1.4rem;
	background-color: #FAFAFA;
	border: solid 1px #DFDFDF;
	width: 100%;
	height: 34px;
}

#ssqs-wrapper .listing-search-wrapper-inline .propertysearch-button,
.ssqs-wrapper-body .listing-search-wrapper-inline .propertysearch-button {
	margin: 0;
}

#ssqs-wrapper .listing-search-wrapper-inline input[type=submit],
.ssqs-wrapper-body .listing-search-wrapper-inline input[type=submit] {
    font-size: 2.0rem !important;
    padding: 0.5em 1.5em !important;
    letter-spacing: 0.1rem;
    background-color: #FF9966;
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    display: block;
	margin: 10px 0 0 0;
	height: auto;
}

.streamline-requestinfo-button {
    font-size: 1.6rem;
    font-family: "Alatsi", sans-serif;
    padding: 0.5em 1.5em;
    letter-spacing: 0.1rem;
    background-color: #FF9966;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2rem;
}
.streamline-requestinfo-button:hover {
	color: #fff;
    text-decoration: none;
}

.streamline-tabs.row {
	margin-top: 30px;
}

.streamline-availability-calendar .ui-datepicker-group {
	font-family: "Alatsi", sans-serif;
}
.streamline-availability-calendar .ui-datepicker-calendar .streamline-day-taken-start span {
	background: linear-gradient(to left top, #14a7b3 49%, #fff 50%) !important;
	color: #fff !important;
    text-shadow: 0px 0px 1px #000000;
}
.streamline-availability-calendar .ui-datepicker-calendar .streamline-day-taken-end span {
	background: linear-gradient(to left top, #fff 49%, #14a7b3 50%) !important;
	color: #fff !important;
    text-shadow: 0px 0px 1px #000000;
}
.streamline-availability-calendar .ui-datepicker-calendar .streamline-day-taken-endstart span {
/* 	background: linear-gradient(to left top, #14a7b3 0%, #14a7b3 47%, #ffffff 50%, #14a7b3 53%, #14a7b3 100%) !important; */
	background: #14a7b3 !important;
	color: #fff !important;
    text-shadow: 0px 0px 1px #000000;
}
.streamline-availability-calendar .ui-datepicker-calendar .streamline-day-taken span {
    background: #14a7b3 !important;
    color: #fff !important;
    text-shadow: 0px 0px 1px #000000;
}


.streamline-availability-calendar-legend-unavailable span {
	background: #14a7b3 !important;
}
.streamline-availability-calendar-legend-checkin span {
	background: linear-gradient(to left top, #14a7b3 49%, #fff 50%) !important;
}
.streamline-availability-calendar-legend-checkout span {
	background: linear-gradient(to left top, #fff 49%, #14a7b3 50%) !important;
}

.streamline-results h2 {
	margin-top: 0;
}

/* rates table -- hide the nightly rates */
#propertyPricingMatrix tr > th:nth-child(4), #propertyPricingMatrix tr > td:nth-child(4) {
    display: none;
}
/* rates table -- hide the monthly rates */
#propertyPricingMatrix tr > th:nth-child(6), #propertyPricingMatrix tr > td:nth-child(6) {
	display: none;
}


#tribe-bar-filters-wrap {
	display: none;
}
#tribe-bar-form,
.tribe-bar-views-inner {
	background-color: #fff !important;
}
#tribe-events-bar,
#tribe-events-bar input {
	color: #000 !important;
}
button#tribe-bar-views-toggle {
    font-size: 1.5rem !important;
}


footer {
	font-size: 1.6rem;
}

.footer-ownerlogin {
	display: inline-block;
	background-color: #ECBC35;
	color: #fff !important;
	padding: 1rem;
	font-size: 2rem;
	text-transform: uppercase;
}
.footer-ownerlogin:hover {
	text-decoration: none;
	color: #fff;
}

.footer-facebook {
	font-size: 1.8rem;
	margin-left: 30px;
}
.footer-facebook:hover {
	text-decoration: none;
	color: #333333 !important;
}

.footer-ownerlogin .icon-hp-key {
	font-size: 2.8rem;
	vertical-align: text-bottom;
}
.footer-facebook .icon-hp-facebook {
    font-size: 2.4rem;
    vertical-align: text-bottom;
}

/** 992 tablet, 768 mobile **/
@media screen and (max-width: 1130px) {
	footer {
		font-size: 1.5rem;
	}
	footer .fl-menu .menu > li {
		font-size: 1.5rem !important;
	}
}
@media screen and (max-width: 1024px) {
	
	#ssqs-wrapper .listing-search-wrapper-inline input[type=submit] {
	    font-size: 1.6rem !important;
	    padding: 0.5em 1em !important;
	}
	
	
	h1 {font-size: 3.8rem;}
/*
	h2 {font-size: 3.0rem;}
	h3 {font-size: 2.4rem;}
*/

	/* escape and natures paradise headings */
	.fl-node-5e45b58741b23.fl-module-heading h2.fl-heading,
	.fl-node-5e45b74bb5fef.fl-module-heading h2.fl-heading {
		font-size: 3.8rem;
	}

	footer .fl-menu .menu > li {
		font-size: 1.4rem !important;
	}
	footer h2.fl-heading {
	    font-size: 1.8rem !important;
	}
	
	
}

@media screen and (max-width: 768px) {
	
	h1 {font-size: 3.2rem;}
	h2 {font-size: 2.8rem;}
	h3 {font-size: 2rem;}
	
	/* escape and natures paradise headings */
	.fl-node-5e45b58741b23.fl-module-heading h2.fl-heading,
	.fl-node-5e45b74bb5fef.fl-module-heading h2.fl-heading {
		font-size: 2.8rem;
	}

	
	.fl-rich-text img.alignleft,
	.fl-rich-text img.alignright {
		float: none;
	    display: block;
	    margin: 2rem 0;
	}
	
	footer {
		font-size: 1.8rem;
	}
	footer .fl-menu .menu > li {
		font-size: 1.8rem !important;
	}
	footer h2.fl-heading {
	    font-size: 2rem !important;
	}
	
	#propertyPricingMatrix {
		font-size: 1.4rem;
	}
	
	.streamline-meta-sqft,
	.streamline-meta-view {
		display: block;
	}
	
	.streamline-results h2 {
		margin-top: 10px;
	}
	
}

@media screen and (max-width: 470px) {

	h1 {font-size: 2.85rem;}
	h2 {font-size: 2.4rem;}
	h3 {font-size: 1.8rem;}
	
	/* escape and natures paradise headings */
	.fl-node-5e45b58741b23.fl-module-heading h2.fl-heading,
	.fl-node-5e45b74bb5fef.fl-module-heading h2.fl-heading {
		font-size: 2.4rem;
	}

	.footer-ownerlogin {
		display: block;
		text-align: center;
	}
	.footer-facebook {
	    display: block;
	    margin-left: 0;
	    margin-top: 20px;
	    text-align: center;
	}
	
}