﻿/*
01. Imports
02. Variables & Functions
03. Extend
04. Mixins
05. Reset
06. Typography
07. Page Structure
08. Navigation
09. Forms
10. Modals
11. Animation
12. Backgrounds
13. SVG
14. Extras
*/
@import url("https://fonts.googleapis.com/css?family=Lora|Montserrat:400,500,700&display=swap");
:root {
  /* Variable #cb_01 for hero section. For dynamic color changes of bg */
  --theme-color: hsla(175, 100%, 83%, 0.8);
}

/* Use variable #cb_01 */
.custom-branding > h2 {
  color: var(--theme-color);
}

.form-group label.lbl-required-after::after, .form-group label.lbl-required-before::before, .form-group label.control-label.lbl-required-after::after, .form-group label.control-label.lbl-required-before::before {
  content: "*";
  color: #cb4040;
}

.pxbs-page-home .px-cards-rentals .card.card-custom {
  box-shadow: 0px 30px 30px 0px rgba(82, 63, 105, 0.1);
}

.pxbs-page-rentals .card.px-card-listing:hover, .pxbs-page-home .px-cards-rentals .card:hover.card-custom {
  box-shadow: 0px -10px 30px 0px rgba(82, 63, 105, 0.1);
}

*, html {
  font-family: "Montserrat", sans-serif;
}

body {
  color: #57667E;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

h1.title, h2.title {
  font-family: "Montserrat", sans-serif !important;
}

b, h1, h2, h3, h4, h5, strong {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3 {
  font-weight: 700;
}

.fs16 {
  font-size: 16px;
}

body[class*=px-preselect--] {
  background-attachment: fixed;
}
body.px-preselect--option-A {
  background-image: linear-gradient(45deg, #181c32 50%, #f7f7f7 50%);
}
body.px-preselect--option-A-n {
  background-image: linear-gradient(-45deg, #181c32 50%, #f7f7f7 50%);
}
body.px-preselect--option-B {
  background-image: linear-gradient(45deg, #e89d93 50%, #f7f7f7 50%);
}
body.px-preselect--option-B-n {
  background-image: linear-gradient(-45deg, #e89d93 50%, #f7f7f7 50%);
}
body.px-preselect--option-C {
  background-image: linear-gradient(45deg, #031634 50%, #036564 50%);
}
body.px-preselect--option-C-n {
  background-image: linear-gradient(-45deg, #031634 50%, #036564 50%);
}
body.px-preselect--option-D {
  background-image: linear-gradient(45deg, #FF9F80 50%, #FFC48C 50%);
}
body.px-preselect--option-D-n {
  background-image: linear-gradient(-45deg, #FF9F80 50%, #FFC48C 50%);
}
body.px-preselect--option-E {
  background-image: linear-gradient(45deg, #D1F2A5 50%, #EFFAB4 50%);
}
body.px-preselect--option-E-n {
  background-image: linear-gradient(-45deg, #D1F2A5 50%, #EFFAB4 50%);
}

.pxbs-page-home .px-cards-rentals .card.card-custom {
  transition: 0.3s ease;
}
.pxbs-page-rentals .card.px-card-listing {
  border: 1px solid rgba(162, 173, 189, 0.8);
  transition: 0.3s ease-in;
}
.form-group label.control-label {
  font-weight: 600;
}
.form-group label.control-label.lbl-required-before::before {
  margin-right: 3px;
}
.form-group label.control-label.lbl-required-after::after {
  margin-left: 3px;
}
.form-group label.lbl-required-before::before {
  margin-right: 3px;
}
.form-group label.lbl-required-after::after {
  margin-left: 3px;
}

.blend-difference {
  mix-blend-mode: difference;
}

.max-lines-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.lines-revealed {
  -webkit-line-clamp: initial !important;
  line-clamp: initial !important;
}
