/** Colours from HJ logo **/
/** Base **/
html,
body {
  height: 100%;
}

body {
  padding-top: 50px;
  font-family: "Libre Franklin", "Noto Sans JP", sans-serif;
  font-weight: 300;
  color: #333;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
}

.japanese {
  font-family: "Noto Sans JP";
}

a, a:link, a:visited {
  color: #2AB573;
}
a:hover {
  color: #652C90;
}

label {
  font-weight: 300;
}

strong {
  font-weight: 700;
}

article img {
  max-width: 100%;
}
article img.size-full, article img.size-large, article img.alignnone {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
article iframe {
  width: 100% !important;
}
article table {
  width: 100%;
  margin-bottom: 20px;
}
article table > thead > tr > th,
article table > thead > tr > td,
article table > tbody > tr > th,
article table > tbody > tr > td,
article table > tfoot > tr > th,
article table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

section {
  margin-bottom: 1em;
}
section header {
  margin-bottom: 1em;
}

@media (min-width: 992px) {
  body {
    padding-top: 69px;
  }
}
.screen-reader-text {
  display: none;
}

/** Helpers **/
@media (max-width: 575.98px) {
  .mobile-no-gutter {
    margin-left: -15px;
    margin-right: -15px;
  }
  .mobile-no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .sm-swap {
    display: flex;
  }
  .sm-swap .order-2 {
    order: 2;
  }
  .sm-swap .order-1 {
    order: 1;
  }
}
.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.uppercase {
  text-transform: uppercase;
}

.font-large {
  font-size: 19px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

/** Bootstrap Overrides **/
.dropdown-header {
  color: #2AB573;
}

.dropdown-menu {
  font-size: inherit;
  border-radius: 0;
}

.panel-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.panel-default > .panel-heading {
  background-image: none;
  border-radius: 0;
  text-transform: uppercase;
  color: #2AB573;
  background-color: transparent;
  font-weight: 300;
}

.btn {
  box-shadow: none;
}
.btn.btn-primary, .btn.btn-success {
  color: #fff;
  border: none;
  background-image: none;
  text-transform: uppercase;
}

.btn-success {
  background-color: #2AB573;
}
.btn-success:hover, .btn-success:focus {
  background-color: #3ece86;
}

.btn-primary {
  background-color: #1073be;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #1e92d8;
}

.thumbnail {
  padding: 0;
  border-radius: 2px;
}

.breadcrumb {
  background-color: inherit;
  padding-left: 0;
  margin-bottom: 0;
}
.breadcrumb > span + span:before {
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 11px;
  font-weight: 300;
  padding: 0 5px;
  color: #ccc;
}

h1,
.h1 {
  font-size: 2rem;
}

h2,
.h2 {
  font-size: 1.875rem;
}

h3,
.h3 {
  font-size: 1.5rem;
}

h4,
.h4 {
  font-size: 1.125rem;
}

h5,
.h5 {
  font-size: 0.875rem;
}

h6,
.h6 {
  font-size: 0.75rem;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.navbar-brand > img {
  width: 163px;
  height: 38px;
}
@media (max-width: 300px) {
  .navbar-brand > img {
    width: 120px;
  }
}

/** Typeahead Overrides **/
.twitter-typeahead {
  width: 100%;
}

.tt-menu {
  width: 100%;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  padding: 3px 16px;
  line-height: 24px;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}

#station_selection i {
  cursor: pointer;
}

.tt-dataset-stations .empty-message {
  padding: 3px 16px;
}

/** Swiper Overrides **/
.swiper-pagination {
  bottom: 10px;
}

.swiper-pagination-bullet-active {
  background: #2AB573;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  width: 100%;
  max-height: 320px;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%232AB573%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%232ab573%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-wrapper {
  align-items: center;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

/** Slider Overrides **/
/** Wordpress Overrides **/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #e8e8e8;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*
 * WP Block: Media & Text
 */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}

.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
  padding-right: 0;
}

@media (max-width: 767.98px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.wp-block-latest-posts li {
  margin-bottom: 10px;
}

/** Navigation Layout **/
/**
 * Offset navbar when admin bar is showing
 */
/*
.admin-bar .navbar {
  top: 46px;
}
@media (min-width: 783px) {
  .admin-bar .navbar {
    top: 32px;
  }
}
*/
.navbar {
  background: #fff;
}
.navbar .dropdown-menu {
  padding: 0;
  border: none;
}

.navbar-brand img {
  height: 100%;
}

.navbar-nav {
  margin-top: 0;
  margin-bottom: 0;
}
.navbar-nav li a {
  text-transform: uppercase;
  color: #333 !important;
}
.navbar-nav .dropdown-toggle::after {
  font-family: "FontAwesome";
  border: none;
  content: "\f054";
  color: #2AB573;
  float: right;
}
.navbar-nav .show .dropdown-toggle::after {
  content: "\f078";
}
@media (min-width: 992px) {
  .navbar-nav .dropdown-toggle::after {
    float: none;
    font-size: 11px;
    content: "\f078";
  }
  .navbar-nav .show .dropdown-toggle::after {
    content: "\f077";
  }
}

@media (min-width: 768px) {
  .navbar-collapse.in {
    overflow-y: auto !important;
  }
}
@media (max-width: 991.98px) {
  .menu-item-type-post {
    border: 0;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
}
@media (min-width: 992px) {
  .navbar .dropdown-menu {
    padding: 0.5rem 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
  }
  .navbar-brand {
    padding: 15px 0;
  }
  .navbar-collapse.collapse {
    overflow: visible !important;
  }
  .nav > li.current-menu-item > a, .nav > li.current-ancestor-item > a {
    background: #eee;
  }
}
.dropdown-item:focus {
  background-color: transparent;
}

/** Footer Layout **/
footer {
  background: #f5f5f5;
  border-top: 1px solid #e8e8e8;
  padding-top: 22px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  footer {
    padding-top: 45px;
  }
}
footer a, footer a:link, footer a:visited {
  color: #1B75BB;
}
footer a:hover {
  color: #652C90;
}
footer #contactFooter {
  margin-bottom: 20px;
}
footer #contactFooter .contact-section {
  font-weight: 400;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  footer #contactFooter .contact-section {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
footer #contactFooter ul.social {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 36px;
}
footer #contactFooter ul.contact li i.fa {
  width: 19px;
}
footer #contactFooter ul li.address i.fa {
  margin-left: 4px;
  display: block;
  float: left;
}
footer #contactFooter ul li.address address {
  margin-bottom: 0;
  overflow: hidden; /** CSS hack to keep margin on multi-line paragraph when floating element is adjacent */
}
footer .newsletter-form .title {
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px;
}
footer #siteFooter {
  font-size: 85%;
}
footer #siteFooter .copyright {
  text-align: left;
}
@media (min-width: 768px) {
  footer #siteFooter .copyright {
    text-align: right;
  }
}
footer #siteFooter ul.footer-links li {
  display: inline;
  margin-right: 10px;
}
@media (min-width: 768px) {
  footer #siteFooter ul.footer-links li {
    margin-right: 32px;
  }
}
footer #contactFooter ul,
footer #siteFooter ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
footer #contactFooter li,
footer #siteFooter li {
  margin: 0 0 15px 0;
}
footer #contactFooter li:last-child,
footer #siteFooter li:last-child {
  margin-bottom: 0;
}

/** Cover Component **/
#cover {
  background-color: #2AB573;
  background-color: rgb(101, 44, 144);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  -moz-box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.35);
  min-height: 450px;
  height: 40vw;
  padding-bottom: 0;
}
#cover .tagline-new {
  text-align: center;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;
  background-color: rgba(0, 0, 0, 0.7);
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#cover .tagline-new h1,
#cover .tagline-new h2,
#cover .tagline-new h3 {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
#cover .tagline-new h1 {
  font-weight: 500;
}
#cover .tagline-new h2 {
  font-size: 1.2em;
}
#cover .tagline-new h3 {
  font-size: 1em;
}

/** Content Box Primary Component **/
.cntr-content-box-primary {
  margin-top: 15px;
}

.content-box-primary {
  margin-bottom: 15px;
}
.content-box-primary .content {
  background-size: cover;
  position: relative;
  height: 68vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 30px;
  color: #fff;
}
.content-box-primary .content h3 {
  margin-top: 10px;
  font-size: 2rem;
}

@media (min-width: 768px) {
  .content-box-primary .content {
    height: 165px;
  }
  .content-box-primary .content h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .content-box-primary .content {
    height: 220px;
  }
}
@media (min-width: 1200px) {
  .content-box-primary .content {
    height: 270px;
  }
}
/** Content Box Secondary Component **/
.cntr-content-box-secondary {
  margin-top: 15px;
  margin-bottom: 40px;
}

.content-box-secondary {
  padding-left: 15px;
  padding-right: 15px;
}
.content-box-secondary img {
  width: 100%;
}
.content-box-secondary h3 {
  font-size: 21px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/** Featured Properties Carousel Component **/
.cntr-featured-properties-carousel {
  margin-top: 15px;
  margin-bottom: 40px;
}
.cntr-featured-properties-carousel .swiper-wrapper {
  align-items: flex-start;
}

.featured-properties-carousel {
  padding-left: 15px;
  padding-right: 15px;
}
.featured-properties-carousel img {
  width: 100%;
  object-fit: cover;
}
.featured-properties-carousel h3 {
  font-size: 21px;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .featured-properties-carousel img {
    height: 270px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .featured-properties-carousel img {
    height: 220px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .featured-properties-carousel img {
    height: 165px;
  }
}
/** Photo Placeholder Component **/
.cntr-photo-placeholder {
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}

.cntr-photo-placeholder::before {
  content: "";
  padding-top: 75%;
  height: 0;
}

.photo-placeholder {
  font-weight: 300;
  font-size: 26px;
  background-color: #f8f8f8;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  flex-grow: 1;
}
.photo-placeholder p {
  margin: 0 !important;
}
.photo-placeholder .fa {
  margin: 0;
  color: #2AB573;
}

@media (min-width: 992px) {
  .search-listings .cntr-photo-placeholder::before {
    padding-top: 100%;
  }
  .search-listings .photo-placeholder {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .search-listings .cntr-photo-placeholder::before {
    padding-top: 75%;
  }
  .search-listings .photo-placeholder {
    font-size: 26px;
  }
}

.cntr-photos .cntr-photo-placeholder::before {
  padding-top: 56%;
}

@media (min-width: 992px) {
  .property-card .photo-placeholder {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .property-card .photo-placeholder {
    font-size: 26px;
  }
}

/** Toggle Search List Map Component **/
.toggle-search-list-map > button, .toggle-search-list-map > button:hover {
  background: #fff;
  font-weight: 300;
  border: 1px solid #2AB573;
  border-radius: 4px;
}
.toggle-search-list-map > button.active, .toggle-search-list-map > button.active:hover, .toggle-search-list-map > button.active:focus {
  background: #2AB573;
  border-color: #2AB573;
  color: #fff;
  box-shadow: none;
}

/** Property Listing Component **/
.property-listing {
  margin-bottom: 2.5em;
}
.property-listing.separator {
  padding-bottom: 1.5em;
  margin-bottom: 2em;
}
.property-listing.mapIconOver h2 {
  color: #652C90;
}
.property-listing.featured {
  border: 3px #1B75BB solid;
  padding-bottom: 1em;
}
.property-listing.featured .heading {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #1B75BB;
  color: white;
}
@media (min-width: 768px) {
  .property-listing.featured .heading {
    margin-bottom: 0.7em;
  }
}
.property-listing .soldrented {
  color: #fff;
  background: rgba(255, 0, 0, 0.85);
  text-align: center;
  width: 100%;
  z-index: 200;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .property-listing .soldrented {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .property-listing .soldrented {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .property-listing .soldrented {
    font-size: 1.5rem;
  }
}
.property-listing h2, .property-listing h3 {
  margin: 0;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 9px;
}
.property-listing .title {
  font-size: 22px;
}
.property-listing .address {
  margin-bottom: 10px;
}
.property-listing .train-station strong, .property-listing .year-built strong, .property-listing .land-right strong {
  font-weight: 400;
}
.property-listing .point {
  font-size: 20px;
}
.property-listing .listing-info {
  padding-left: 0;
  list-style: none;
}
.property-listing .listing-info .point-inline {
  margin-right: 15px;
  display: inline;
}
.property-listing table {
  margin-top: 10px;
  margin-bottom: 0;
}
.property-listing table tr.clickable:hover {
  cursor: pointer;
}
.property-listing table tbody td {
  vertical-align: middle;
}
.property-listing .cost {
  font-weight: 400;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .property-listing .point {
    font-size: 16px;
  }
}

a.property-listing,
a.structure {
  color: #333;
  display: block;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
a.property-listing:hover,
a.structure:hover {
  opacity: 0.9;
  text-decoration: none;
  color: #333;
}
a.property-listing:hover h2, a.property-listing:hover h3,
a.structure:hover h2,
a.structure:hover h3 {
  color: #652C90;
}
a.property-listing h2, a.property-listing h3,
a.structure h2,
a.structure h3 {
  color: #2AB573;
}

.info-window .table {
  margin-bottom: 0;
}

.property-listing .title,
.info-window .title {
  font-size: 22px;
}
.property-listing .thumbnail,
.info-window .thumbnail {
  font-weight: 300;
  position: relative;
  border-radius: 0;
  border: 0;
}
.property-listing .thumbnail .no-pictures,
.info-window .thumbnail .no-pictures {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 75vw;
  padding-top: 24px;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  font-size: 30px;
}
@media (min-width: 768px) {
  .property-listing .thumbnail .no-pictures,
.info-window .thumbnail .no-pictures {
    height: 129px;
    font-size: initial;
  }
}
.property-listing .thumbnail .mo-icon,
.info-window .thumbnail .mo-icon {
  z-index: 200;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: initial;
  padding: 8px;
  border-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 6px;
  font-weight: 300;
  font-size: 22px;
  background: #1B75BB;
  color: #fff;
}
@media (min-width: 768px) {
  .property-listing .thumbnail .mo-icon,
.info-window .thumbnail .mo-icon {
    padding: 6px;
    font-size: initial;
  }
}
@media (min-width: 992px) {
  .property-listing .thumbnail .mo-icon,
.info-window .thumbnail .mo-icon {
    padding: 4px;
  }
}

/** Select Div Component **/
.select-div form {
  display: flex;
  align-items: center;
}
.select-div input.search-field {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  display: block;
  width: 100%;
  margin-right: 15px;
}
.select-div input.search-submit {
  padding: 6px 12px;
  border-radius: 2px;
  background-color: #27A9E1;
  background-image: linear-gradient(#27A9E1 0%, #1B75BB 200%);
  border: 1px solid #1B75BB;
  color: #ffffff;
}

/** Inquiry Form Component **/
#hj-inquiry-form .inquire-address {
  margin-top: 32px;
  margin-bottom: 24px;
}
#hj-inquiry-form .inquire-address p {
  font-weight: 400;
}
#hj-inquiry-form input.form-control {
  padding: 21px 10px;
}
#hj-inquiry-form textarea {
  height: 15.4em;
}
#hj-inquiry-form label {
  font-size: 14px;
  font-weight: 300;
}
#hj-inquiry-form .submit {
  margin-top: 30px;
}
#hj-inquiry-form .submit button {
  width: 100%;
}
@media (min-width: 768px) {
  #hj-inquiry-form .submit button {
    padding-left: 100px;
    padding-right: 100px;
    width: initial;
  }
}

/** Search Train Station Component **/
#station_selection .train_station {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}

/** Promo Components **/
/** Gravitas Arisugawa Promo */
.gravitas-promo-wrap {
  background-color: #000;
  font-family: "Libre Baskerville", sans-serif;
  font-weight: 400;
  color: #C9945B;
}
.gravitas-promo-wrap .gravitas-promo {
  padding: 40px 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gravitas-promo-wrap .gravitas-promo img, .gravitas-promo-wrap .gravitas-promo p {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .gravitas-promo-wrap .gravitas-promo img, .gravitas-promo-wrap .gravitas-promo p {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .gravitas-promo-wrap .gravitas-promo img, .gravitas-promo-wrap .gravitas-promo p {
    margin-bottom: 70px;
  }
}
.gravitas-promo-wrap .gravitas-promo p:last-child {
  margin-bottom: 0;
}
.gravitas-promo-wrap a {
  color: #C9945B;
  text-decoration: none;
}
.gravitas-promo-wrap a:hover {
  text-decoration: none;
}

/** Property Feature Component **/
.property-feature {
  text-align: center;
  width: 75px;
}
.property-feature .property-feature-icon {
  height: 50px;
  width: 50px;
}
.property-feature .property-feature-label {
  font-size: 12px;
}

.property-feature-text {
  text-align: center;
}

/** Building Page **/
.page-building .panel-body {
  padding: 15px 0;
}
.page-building .sidebar h2 {
  font-size: 26px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .page-building .sidebar h2 {
    margin-top: 0;
  }
}
/** Resort Top Page **/
.page-template-resort-top .cntr-content-box-primary {
  margin-top: 0;
}
.page-template-resort-top #map {
  height: 550px;
}

/** Category Top Page **/
.page-template-category-top .page-content {
  margin-top: 15px;
  margin-bottom: 30px;
}
.page-template-category-top .page-content h1,
.page-template-category-top .page-content h2 {
  margin-bottom: 20px;
}
.page-template-category-top .cntr-content-box-primary {
  margin-top: 0;
}
.page-template-category-top .bottom-cta {
  padding-top: 45px;
  padding-bottom: 65px;
}
.page-template-category-top .bottom-cta .headline {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 20px;
}
.page-template-category-top .bottom-cta .btn {
  padding: 6px 60px;
}

/** Category Top Short Term Page **/
.page-template-category-top-short-term .feature-image-strip {
  height: 12em;
}
@media (min-width: 768px) {
  .page-template-category-top-short-term .feature-image-strip {
    height: 20em;
  }
}
.page-template-category-top-short-term .feature-image-strip .title {
  margin-top: 0;
}
.page-template-category-top-short-term .feature-point {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .page-template-category-top-short-term .feature-point {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.page-template-category-top-short-term .feature-point:first {
  margin-top: 30px;
}
.page-template-category-top-short-term .feature-point:last {
  margin-bottom: 30px;
}
.page-template-category-top-short-term .feature-point.b4-row {
  display: flex;
  align-items: center;
}
.page-template-category-top-short-term .feature-point .feature-text h3 {
  font-size: 30px;
  margin-top: 10px;
}

/** Property Area Page **/
.property-area .location-info {
  margin-top: 5px;
}
.property-area .intro-txt-container {
  border: 1px solid #ddd !important;
  background-color: #fff;
}
.property-area h1 {
  font-size: 32px;
}
.property-area .intro-text {
  margin-bottom: 2em;
}
.property-area .intro-text p {
  font-size: 18px;
}
.property-area .box {
  background-color: #fff;
  border: 1px solid #ddd !important;
  margin-bottom: 20px;
  padding: 15px;
}
.property-area .box h1, .property-area .box h2, .property-area .box h3, .property-area .box h4, .property-area .box h5, .property-area .box h6 {
  margin-top: 0;
}
.property-area .area-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
}
.property-area .area-list li {
  display: inline-block;
  padding: 0 30px 10px 30px;
  width: 50%;
}
@media (min-width: 768px) {
  .property-area .area-list li {
    width: 33.333333%;
  }
}
@media (min-width: 992px) {
  .property-area .area-list li {
    width: 25%;
  }
}
.property-area .area-list li a:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  color: #333;
  content: "\f041";
}
.property-area .new-search-bar {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.property-area .new-search-bar .btn {
  padding-left: 60px;
  padding-right: 60px;
}

/** Property Search Page **/
#hj-search {
  -webkit-overflow-scrolling: touch;
}
#hj-search .no-results,
#hj-search .search-expired {
  margin-top: 5em;
}
#hj-search .no-results h1,
#hj-search .search-expired h1 {
  font-size: 6em;
}
#hj-search .no-results h2,
#hj-search .search-expired h2 {
  font-size: 4em;
}
#hj-search .search-listings {
  padding-top: 20px;
}
@media (min-width: 768px) {
  #hj-search .search-listings .property-listing .thumbnail {
    margin-bottom: 0;
  }
}
#hj-search .search-header {
  margin-top: 1em;
}
#hj-search .search-header h1 {
  margin: 0.5em 0 0.5em 0;
  text-transform: uppercase;
  font-size: 26px;
}
#hj-search .search-header .btn-group {
  margin: 0.5em 0 0.5em 0;
}
#hj-search .search-content {
  background: #fff;
  /*border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;*/
}

.hj_search {
  height: 100%;
}

.search-criteria .form-control {
  font-size: 16px;
}
@media (min-width: 576px) {
  .search-criteria .form-control {
    font-size: 14px;
  }
}
.search-criteria .form-group {
  margin-top: 20px;
}
.search-criteria .form-group:last-child {
  border: 0;
}
.search-criteria label {
  color: #333;
  font-size: 15px;
  font-weight: 300;
}
.search-criteria select,
.search-criteria input[type=date] {
  margin-bottom: 10px;
}
.search-criteria select:last-child {
  margin-bottom: 0;
}
.search-criteria .checkbox-inline {
  margin-right: 10px;
}
.search-criteria .checkbox-inline + .checkbox-inline {
  margin-left: 0;
}

.search-sidebar {
  margin: 0;
}
.search-sidebar .sticky-top {
  top: 65px;
}

.sort-menu {
  margin-bottom: 10px;
}
.sort-menu label {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 991.98px) {
  .search-criteria .form-group:last-child {
    padding-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .search-criteria {
    overflow: visible;
    display: block;
  }
  .search-criteria .control-label {
    text-align: left;
  }
}
/** Property Details Page **/
@media (min-width: 768px) {
  #hj-property-details {
    background: #fff;
  }
}
#hj-property-details hr {
  margin-top: 40px;
  margin-bottom: 40px;
}
#hj-property-details .property-title {
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
  word-break: break-word;
  font-size: 32px;
}
#hj-property-details .floorplan .note {
  margin-bottom: 0;
  font-size: 0.8em;
}
#hj-property-details .section-title {
  font-size: 18px;
  font-weight: 500;
}
#hj-property-details .section-title:first-child {
  margin-top: 0;
}
#hj-property-details .slider-size {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  width: 100%;
}
#hj-property-details .table > thead > tr > th,
#hj-property-details .table > thead > tr > td,
#hj-property-details .table > tbody > tr > th,
#hj-property-details .table > tbody > tr > td,
#hj-property-details .table > tfoot > tr > th,
#hj-property-details .table > tfoot > tr > td {
  border-top: 0;
}
#hj-property-details .cntr-pictures {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  #hj-property-details .cntr-pictures {
    margin-bottom: 0;
  }
}
#hj-property-details .cntr-inquiry-link,
#hj-property-details .cntr-description {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #hj-property-details .cntr-inquiry-link,
#hj-property-details .cntr-print-link {
    text-align: center;
  }
}
#hj-property-details .cntr-overview {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  #hj-property-details .cntr-overview {
    margin-bottom: 0;
  }
}
#hj-property-details .cntr-overview .listing-info {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
#hj-property-details .cntr-overview .listing-info .point {
  font-size: 20px;
}
#hj-property-details .description {
  margin-bottom: 0;
}
#hj-property-details .table-details {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  #hj-property-details .table-details {
    margin-bottom: 0;
  }
}
#hj-property-details .property-inquire h3 {
  margin-top: 0;
}

.cntr-location {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .cntr-location {
    margin-bottom: 0;
  }
}
.cntr-location ul.access-list {
  padding: 0;
}
.cntr-location ul.access-list li {
  list-style-type: none;
}
.cntr-location ul.access-list .station-name {
  margin-top: 10px;
  margin-bottom: 2px;
  display: block;
}
.cntr-location ul.access-list [data-toggle=collapse] {
  /*
  &:after {
    float: right;
    font-family: "Glyphicons Halflings";
    content: "\e113";
  }
  &.collapsed:after {
    content: "\e114";
  }
  */
}
.cntr-location ul.access-list [data-toggle=collapse]:hover, .cntr-location ul.access-list [data-toggle=collapse]:focus {
  text-decoration: none;
}
.cntr-location ul.access-list ul.train-lines {
  padding: 0;
}
.cntr-location ul.access-list ul.train-lines li {
  padding-left: 15px;
}

#hj-related {
  background-color: #000;
  color: #fff;
}
#hj-related h3 {
  font-size: 32px;
}
#hj-related .cntr-related {
  margin-top: 24px;
}
#hj-related .cntr-related .property {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  #hj-related .cntr-related .property {
    float: left;
    width: 300px;
  }
}
#hj-related .cntr-related .property img {
  width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  #hj-related .cntr-related {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  #hj-related .cntr-related .b4-row {
    width: 900px;
  }
}

/** Property Listing Page **/
.page-properties .feature-image-strip {
  height: 170px;
}
.page-properties .feature-image-strip:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #15a0e5;
  opacity: 0.4;
}
.page-properties .breadcrumb {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 15px;
}
.page-properties .sidebar .sidebar-contact-image {
  margin-bottom: 10px;
}
.page-properties .sidebar h2 {
  font-size: 26px;
  line-height: 1.2;
}
.page-properties .sidebar p {
  font-size: 18px;
}
.page-properties .introduction p {
  margin-top: 20px;
  font-size: 18px;
}
.page-properties .intro {
  margin-bottom: 50px;
}

/** Front Page **/
/** WP uses "home" class for front page */
.home #content section {
  margin-top: 0;
  margin-bottom: 0;
}
.home #content .cntr-content-box-primary {
  margin-top: 0;
}
.home #content #callToActionFooter {
  display: none;
}
.home #content .btn-primary,
.home #content .btn-success {
  padding: 10px 60px;
}
.home #content .intro-text {
  padding-top: 40px;
}
.home #content .infoboxes {
  padding-top: 40px;
  padding-bottom: 40px;
}
.home #content .latest-blogs {
  padding-top: 20px;
  padding-bottom: 40px;
}
.home #content .latest-blogs h2 {
  margin-bottom: 20px;
}
.home #content .infobox,
.home #content .latest-blog {
  margin-bottom: 40px;
}
.home #content .infobox:last-child,
.home #content .latest-blog:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .home #content .infobox:last-child,
.home #content .latest-blog:last-child {
    margin-bottom: 40px;
  }
}
.home #content .box {
  border: 1px solid #e0e0e0;
  padding: 30px;
  height: 100%;
}
.home #content .box h1, .home #content .box h2, .home #content .box h3, .home #content .box h4, .home #content .box h5, .home #content .box h6 {
  margin-top: 0;
}
.home #content .latest-blog .see-more {
  display: block;
  text-align: right;
  margin-top: 15px;
}

/** Team Page **/
.page-team .banner-overlay-content {
  margin-top: 0;
  margin-bottom: 30px;
}
.page-team .breadcrumb {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
}
.page-team.single .breadcrumb {
  padding-left: 0;
}

.team-container {
  margin-top: 15px;
  margin-bottom: 15px;
}

.team-item {
  margin-bottom: 45px;
}
.team-item .team-item-inner {
  border: 1px solid #ddd;
  height: 100%;
}
@media (min-width: 768px) {
  .team-item .team-thumbnail {
    height: 210px;
  }
}
@media (min-width: 992px) {
  .team-item .team-thumbnail {
    height: 228px;
  }
}
@media (min-width: 1200px) {
  .team-item .team-thumbnail {
    height: 284px;
  }
}
.team-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-item .data-container {
  padding-bottom: 15px;
  padding-right: 15px;
}
.team-item .data-container .team-headline a:hover {
  color: #2AB573;
}
.team-item ul {
  list-style: none;
  padding-left: 22px;
  margin-bottom: 0;
}
.team-item ul li {
  margin-bottom: 5px;
  position: relative;
}
.team-item ul li .fa {
  position: absolute;
  left: -22px;
  top: 3px;
}

.single .team-item .team-thumbnail {
  margin-bottom: 20px;
}
.single .team-item .data-container {
  padding-top: 0;
  padding-bottom: 0;
}
.single .team-item .data-container h1 {
  margin-top: 0;
}
.single .team-item ul.contact-data,
.single .team-item .btn-hjfancypants {
  margin-bottom: 30px;
}

/** 404 Page **/
#e404 {
  margin-top: 5em;
  margin-bottom: 10em;
}
#e404 h1 {
  font-size: 6em;
  text-align: center;
}
#e404 h2 {
  font-size: 4em;
  text-align: center;
}
#e404 .page-content {
  margin-top: 5em;
  margin-bottom: 10em;
}
#e404 .e404-search-form {
  max-width: 488px;
  margin: 0 auto;
}

/**
 * WP generated pages
 */
#main h1,
#main .h1 {
  font-size: 30px;
}

#main h2,
#main .h2 {
  font-size: 26px;
}

#main h3,
#main .h3 {
  font-size: 22px;
}

/*
.brand-gradient {
  background: rgb(141,198,63);
  background: -moz-linear-gradient(left,  rgba(141,198,63,1) 0%, rgba(141,198,63,1) 15%, rgba(43,182,115,1) 35%, rgba(39,170,225,1) 50%, rgba(27,117,188,1) 65%, rgba(102,45,145,1) 85%, rgba(102,45,145,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(141,198,63,1)), color-stop(15%,rgba(141,198,63,1)), color-stop(35%,rgba(43,182,115,1)), color-stop(50%,rgba(39,170,225,1)), color-stop(65%,rgba(27,117,188,1)), color-stop(85%,rgba(102,45,145,1)), color-stop(100%,rgba(102,45,145,1)));
  background: -webkit-linear-gradient(left,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  background: -o-linear-gradient(left,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  background: -ms-linear-gradient(left,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  background: linear-gradient(to right,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#662d91',GradientType=1 );
}

.brand-gradient-diagonal {
  background: rgb(141,198,63);
  background: -moz-linear-gradient(-45deg,  rgba(141,198,63,1) 0%, rgba(141,198,63,1) 15%, rgba(43,182,115,1) 35%, rgba(39,170,225,1) 50%, rgba(27,117,188,1) 65%, rgba(102,45,145,1) 85%, rgba(102,45,145,1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(141,198,63,1)), color-stop(15%,rgba(141,198,63,1)), color-stop(35%,rgba(43,182,115,1)), color-stop(50%,rgba(39,170,225,1)), color-stop(65%,rgba(27,117,188,1)), color-stop(85%,rgba(102,45,145,1)), color-stop(100%,rgba(102,45,145,1)));
  background: -webkit-linear-gradient(-45deg,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  background: -o-linear-gradient(-45deg,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  background: -ms-linear-gradient(-45deg,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  background: linear-gradient(135deg,  rgba(141,198,63,1) 0%,rgba(141,198,63,1) 15%,rgba(43,182,115,1) 35%,rgba(39,170,225,1) 50%,rgba(27,117,188,1) 65%,rgba(102,45,145,1) 85%,rgba(102,45,145,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#662d91',GradientType=1 );
}
*/
/* container property gallery list */
.panel-heading a {
  color: #2AB573;
}

/* Bootstrap overrides */
.panel.locations ul li {
  display: inline-block;
}

section#building header {
  margin-top: 1em;
}

/* CANT SEE THIS ONE */
div.sidebar form,
div.sidebar form button {
  margin-top: 1em;
}

.table-details th {
  font-weight: 500;
}

.table-details td {
  font-weight: 300;
}

.table-details th {
  min-width: 128px;
}

.table-details th,
.table-details td {
  padding: 3px;
}

.tagline {
  z-index: 2;
}

.details-map-address i {
  color: #2AB573;
}

.tb-five-px {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (max-width: 767px) {
  label.checkbox-inline.noIndent {
    margin-left: 0;
  }
}
.container.content > section,
.container-fluid.content > section {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.container.content.main-section > section,
.container-fluid.content.main-section > section {
  border-top: 1px solid #e8e8e8;
  padding-top: 3em;
  margin-top: 2em;
}

.container.content.main-section > section:last-child,
.container-fluid.content.main-section > section:last-child {
  padding-bottom: 3em;
  margin-bottom: 2em;
}

.container.content.main-section > section img,
.container-fluid.content.main-section > section img {
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}

.heading h1 {
  color: #2AB573;
  font-weight: 300;
}

.gray-section {
  background-color: #f2f2f2;
  margin-bottom: 0;
  padding-bottom: 3em;
}

.gray-section h2 {
  font-size: 28px;
  margin-top: 2em;
  font-weight: 300;
  text-transform: uppercase;
}

.gray-section h3 {
  color: #333;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}

ul.quickLinks {
  list-style: none;
  padding: 0;
  margin-bottom: 3em;
  margin-top: 2em;
}

ul.quickLinks li a {
  border: 1px solid #e8e8e8;
  padding: 0.5em;
  margin-bottom: 1em;
  display: block;
}

.highlightContent {
  border: 1px solid #ddd;
  padding: 3em 4em 3em 4em;
  background: #fff;
}

@media (max-width: 767px) {
  .highlightContent {
    padding: 2em;
  }
}
.highlightContent p {
  font-size: 18px;
}

.highlightContent h2,
.highlightContent h3 {
  text-transform: uppercase;
  text-align: center;
  color: #333;
}

.highlightContent h2 {
  font-size: 52px;
}

.highlightContent h3 {
  font-size: 36px;
  font-weight: 300;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.highlightContent h4 {
  font-size: 26px;
  font-weight: 300;
}

h4 .intro {
  color: #652C90;
  text-transform: uppercase;
}

.intro .fa-stack {
  margin-top: -0.25em;
  font-size: 20px;
}

.highlightContent header {
  margin-bottom: 4em;
}

.highlightContent header h3 {
  text-transform: none;
  font-size: 28px;
}

@media (min-width: 992px) {
  .highlightContent header {
    padding: 0 5em 0 5em;
  }
  .highlightContent .introContent {
    padding: 0 5em 1em 5em;
  }
}
.highlightContent .contentBoxes .thumbnail {
  height: 18em;
  box-shadow: none;
  border: 0;
}

.highlightContent .contentBoxes .thumbnail .caption {
  padding: 9px 0 0 0;
}

.highlightContent .contentBoxes h4 {
  font-size: 20px;
  margin: 0;
}

.highlightContent .contentBoxes p {
  font-size: 16px;
}

.highlightContent .contentBoxes .img {
  width: 100%;
  height: 9em;
  background-size: cover;
  background-position: center center;
}

.btn-hjfancypants,
a.btn-hjfancypants {
  display: inline-block;
  background-color: #1B75BB;
  color: #fff;
  padding: 0.75em;
  border: 0;
  margin: 0 0 0.75em 0;
}

a.btn-hjfancypants:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}

.btn-hjfancypants.turquoise {
  background-color: #2AB573;
}

.btn-hjfancypants.blue {
  background-color: #1B75BB;
}

.btn-hjfancypants.purple {
  background-color: #652C90;
}

.blog-section h3,
.help-section h3 {
  margin-bottom: 15px;
}

.help-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
.help-section li {
  margin-bottom: 15px;
}
*/
@media (min-width: 768px) {
  .help-section .help-thumbnail {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  /* Negative margin on mobile view */
  .blog-section .post-thumbnail {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* Remove padding on mobile view */
  .help-section .help-thumbnail {
    padding-left: 0;
    padding-right: 0;
  }
}
.feature-image-strip {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 20em;
}

.feature-image-veil {
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

.feature-image-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feature-image-title {
  margin: 0;
  font-size: 30px;
}

@media (min-width: 768px) {
  .feature-image-title {
    font-size: 40px;
  }
}
/* ----------------------------------------------------
     Front Page 1.1.2015
   ---------------------------------------------------- */
.btn-block + .btn-block {
  margin-top: 0;
}

.main-headline {
  color: #333;
  margin-top: 45px;
  margin-bottom: 45px;
}

.secondary-headline {
  font-weight: 400;
  color: #333;
  margin-bottom: 20px;
}

.btn-sm {
  font-size: 14px;
}

.bg-success {
  background-color: #2AB573;
  border: none;
}

.contentbox-container {
  margin-bottom: 15px;
}

.contentbox-container a {
  padding-bottom: 15px;
  padding: 15px;
  margin: 0;
  border-bottom: 0;
}

.contentbox-container .contentbox {
  position: relative;
  overflow: hidden;
}

.contentbox h3,
.contentbox p {
  color: #333;
  font-weight: 500;
}

.contentbox-container .contentbox .img {
  border-radius: 0 !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  height: 16em;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.contentbox-container .contentbox:hover .img {
  opacity: 0.9;
}

.contentbox-container .contentbox header {
  position: absolute;
  left: 15%;
  top: 25%;
  width: 70%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 500;
  padding: 1em;
  margin-bottom: 0;
}

.csstransforms .contentbox-container .contentbox header {
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.contentbox-container .contentbox header h2 {
  color: #2AB573;
  font-weight: 500;
}

.contentbox h2 {
  height: auto;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}

.contentbox h3 {
  font-size: 20px;
  line-height: 26px;
}

.locations-panel {
  margin-top: 10px;
  margin-bottom: 40px;
}

.locations-panel .btn {
  margin-top: 15px;
}

#locations-links {
  margin-bottom: 20px;
}

#locations-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  height: 240px;
}

@media (min-width: 768px) {
  #locations-links ul {
    height: 130px;
  }
}
@media (max-width: 575.98px) {
  #locations-links ul {
    height: 300px;
  }
}
#locations-links li {
  display: inline-block;
  margin: 0 30px 10px 30px;
}

#locations-links li a {
  font-weight: 400;
  text-decoration: none !important;
  margin-bottom: 5px;
  color: #333;
}

#locations-links li a:hover {
  color: #2AB573;
}

#locations-links li a:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  color: #2AB573 !important;
  content: "\f041";
}

.locations-image {
  float: left;
}

.locations-panel p {
  text-align: center;
  margin-bottom: 40px;
}

.locations-image {
  margin-bottom: 30px;
}

.locations-image img {
  width: 100%;
}

.gray-panel {
  background: #f5f5f5;
}

.gray-border-top {
  border-top: 1px solid #f5f5f5;
}

.bg-dark-gray {
  background: #888;
}

.cta-icon {
  font-size: 30px;
  color: #555;
  padding: 20px;
  margin-bottom: 5px;
}

.bottom-links {
  margin-top: 15px;
  margin-bottom: 30px;
}

.bottom-links h3,
.bottom-links h4 {
  line-height: 24px;
}

.help-section h4 {
  margin-top: 0;
  margin-bottom: 0;
}

.banner-overlay-content {
  margin-top: 35px;
  margin-bottom: 35px;
}

.home-newsletter {
  padding-top: 20px;
  padding-bottom: 40px;
  max-width: 750px;
}

.newsletter-signup {
  text-align: center;
}
.newsletter-signup h3 {
  font-size: 30px;
}
.newsletter-signup p,
.newsletter-signup #newsletter-form {
  margin-left: auto;
  margin-right: auto;
}
.newsletter-signup .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .newsletter-signup .btn {
    padding-left: 60px;
    padding-right: 60px;
    width: initial;
  }
}
@media (min-width: 768px) {
  .newsletter-signup #field-email {
    width: 350px;
  }
  .newsletter-signup form > .input-group input {
    border-radius: 0.3rem 0 0 0.3rem;
  }
  .newsletter-signup form > .input-group button {
    border-radius: 0 0.3rem 0.3rem 0;
  }
}

.toggle-inquiry-newsletter {
  font-size: 18px;
}

.pic-infobox-wrap {
  width: 100%;
}
@media (min-width: 768px) {
  .pic-infobox-wrap {
    width: 100%;
    height: 375px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .pic-infobox-wrap.pic-infobox-rent, .pic-infobox-wrap.pic-infobox-rent .pic-infobox {
    height: 460px;
  }
}
.pic-infobox-wrap .pic-infobox {
  position: initial;
  width: 100%;
  color: #fff;
  background-color: #000;
  padding: 30px;
}
@media (min-width: 768px) {
  .pic-infobox-wrap .pic-infobox {
    position: absolute;
    right: 20%;
    width: 460px;
    height: 375px;
    padding-top: 40px;
  }
}
.pic-infobox-wrap .pic-infobox h2 {
  font-size: 36px;
  color: #fff;
}
.pic-infobox-wrap .pic-infobox p {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .pic-infobox-wrap .pic-infobox p {
    padding-bottom: 11px;
  }
}
.pic-infobox-wrap .pic-infobox a {
  width: 100%;
}
@media (min-width: 768px) {
  .pic-infobox-wrap .pic-infobox a {
    width: initial;
  }
}

/* ----------------------------------------------------
     Single
   ---------------------------------------------------- */
.promotion .post p,
.single .post p {
  line-height: 150%;
}

.entry-date {
  font-style: italic;
}

.post .label {
  margin-left: 10px;
  color: white;
  padding: 0 1rem;
}

.label-uncategorized {
  background-color: #777;
  color: white !important;
}

.label-news {
  background-color: #27A9E1;
  color: white !important;
}

.label-insight {
  background-color: #8CC63E;
  color: white !important;
}

.label-investment {
  background-color: #1B75BB;
  color: white !important;
}

.label-chat-room {
  background-color: #652C90;
  color: white !important;
}

.label-in-the-media {
  background-color: #A6228D;
  color: white !important;
}

.pagination .page-item a {
  color: #337ab7;
}

/* ----------------------------------------------------
     Media Queries
   ---------------------------------------------------- */
@media (min-width: 768px) {
  .contentbox header {
    padding: 2em;
  }
}
@media (min-width: 992px) {
  .locations-image {
    margin-bottom: 0;
  }
  .locations-panel {
    padding-bottom: 0;
  }
  .locations-panel h3 {
    margin-top: 0;
  }
}
.hjcontact-wrap {
  padding-bottom: 45px;
}

@media (min-width: 768px) {
  .hjcontact-wrap,
.hjsearch-wrap {
    display: flex;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 45px;
  }
  .hjsearch-wrap {
    background: #f7f7f7;
    border-top: 1px solid #f7f7f7;
  }
  .hjcontact,
.hjsearch {
    width: 340px;
  }
}
.hjcontact-wrap a {
  display: block;
  width: 100%;
}

.hjsearch .btn {
  width: 100%;
}

.hjsearch .btn:hover {
  color: #fff;
}

.hjsearch label.checkbox-inline {
  color: #333;
  font-size: 14px;
  font-weight: 300;
}

.container-breadcrumb {
  padding: 5px 0;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
@media (min-width: 992px) {
  .container-breadcrumb {
    margin-top: 0;
  }
}

/** Property alert button */
.btn-hj-email {
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: none;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 100%;
}

.btn-hj-email-icon {
  color: #fff;
  font-size: 20px;
}

.btn-hj-email-text {
  color: #fff;
  width: 100%;
  white-space: normal;
  font-size: 15px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .btn-hj-email-text {
    font-size: 18px;
  }
}
/* fade image in after load */
.cntr-inquiry {
  margin-bottom: 30px;
}

.mbsc-green-bg {
  background-color: #2AB573;
  border-color: #2AB573;
  color: #fff !important;
}

.mbsc-green-bg:hover {
  color: #262626 !important;
}

@media (min-width: 768px) {
  .b4-row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}