/**
* Main Style.scss
* output file that brings together all of the parts,
* then contains the most specific styles.
* The parts are imported in order of specificty.
*/
/****************************
Variables (colors etc.)
****************************/
/* Colors */
/* Type */
/* variables*/
/***************************************
Mixins
contains global mixins, functions, helper selectors, etc.
***************************************/
/* Self-clearing float mixin */
/* Remove default styling on UL elements */
/* Link Effects */
/* Placeholder Color */
/***/
/* Fonts */
/* mixins, extends etc.*/
/***************************************
Vendor custom styles
contains custom styling overrides for plugins/dependancies
***************************************/
.remodal-overlay {
  background-color: rgba(0, 0, 0, 0.4); }

.remodal {
  background-color: #00CED1;
  color: white; }
  .remodal h1 {
    margin-bottom: 2rem; }
  .remodal p {
    font-size: 2rem;
    margin-bottom: 1rem; }
  .remodal a {
    color: #FFFFFF;
    transition: color 0.2s ease-out; }
    .remodal a:hover {
      text-decoration: none;
      color: #e6e6e6; }

.remodal-close {
  left: auto;
  right: 0;
  color: #FFFFFF;
  transition: color 0.2s ease-out; }
  .remodal-close:hover {
    text-decoration: none;
    color: #e6e6e6; }

/* Custom 3rd-party vendor styles*/
/****************************
Base
contains base element global styles,
such as h1, h2, p, a, blockquote etc.
****************************/
::selection {
  background: #888;
  color: white; }

::-moz-selection {
  background: #888;
  color: white; }

body {
  font-family: 'Cabin', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  flex: 1; }

strong {
  font-weight: 600; }

a {
  color: #00CED1;
  transition: color 0.2s ease-out; }
  a:hover {
    text-decoration: none;
    color: #009c9e; }

@media (max-width: 576px) {
  br {
    display: none; } 
  .myclass{
      font-size:1;
    }
  }



/* Base element styles; e.g. body, h1-6, p, a, button*/
/****************************
Components
contains each self-contained components
****************************/
.no-bullets {
  padding: 0;
  margin: 0;
  list-style: none; }

.btn {
  border-radius: 0;
  font-weight: 600;
  background-color: transparent !important;
  border-width: 3px;
  cursor: pointer; }

.btn.btn-primary {
  color: #00CED1;
  border-color: #00CED1; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #00CED1 !important;
    border-color: #00CED1;
    color: white; }
  .btn.btn-primary:active {
    background-color: #00696b !important;
    border-color: #00696b;
    color: white; }

.btn.btn-dark {
  color: #666666;
  border-color: #666666;
  border-width: 1px; }
  .btn.btn-dark:hover, .btn.btn-dark:focus {
    background-color: #666666 !important;
    border-color: #666666;
    color: white; }
  .btn.btn-dark:active {
    background-color: #333333 !important;
    border-color: #333333;
    color: white; }

.btn.btn-secondary {
  color: white;
  border-color: white; }
  .btn.btn-secondary:hover, .btn.btn-secondary:focus {
    background-color: #00CED1 !important;
    border-color: #00CED1;
    color: white; }
  .btn.btn-secondary:active {
    background-color: #00696b !important;
    border-color: #00696b;
    color: white; }

.media {
  display: flex;
  align-items: flex-start; }

.media-Image {
  margin-right: 1em; }

.media-Body {
  flex: 1; }

/* For resuable, self-contained components*/
/***************************************
Layout
contains styling for larger layout components;
e.g. nav, header, footer, etc.
***************************************/
/****************************
General
****************************/
.single-property main {
  margin-top: 5rem; }

/****************************
Header
****************************/
.navbar {
  padding: 20px;
  font-weight: 600;
  position: absolute;
  width: 100%;
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  .navbar li {
    margin-right: 20px; }

.single-property .navbar {
  position: static;
  width: auto;
  z-index: 1; }
  .single-property .navbar a.btn {
    color: #00CED1 !important;
    border-color: #00CED1; }
    .single-property .navbar a.btn:hover, .single-property .navbar a.btn:focus {
      background-color: #00CED1 !important;
      border-color: #00CED1;
      color: white !important; }
    .single-property .navbar a.btn:active {
      background-color: #00696b !important;
      border-color: #00696b;
      color: white !important; }

.navbar-brand {
  padding: 0; }
  .navbar-brand img {
    width: 200px; }

/****************************
Footer
****************************/
.site-Footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0.5rem 1rem;
  color: #FFFFFF;
  background-color: #C2B8A9; }
  .site-Footer .copyright {
    margin-bottom: 0; }
  .site-Footer svg {
    width: 70px;
    fill: #000000; }

/* styling for larger components/sections; e.g. nav, header, footer*/
/****************************
Styles
****************************/
.remodal input, .remodal textarea {
  margin-bottom: 1rem; }
.remodal textarea {
  min-height: 150px; }
.remodal[data-remodal-id="form-submitted"] p {
  font-size: 1.3rem; }

.page-home .site-Footer {
  display: none; }

.jumbotron {
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: 10px solid #C2B8A9; }
  .jumbotron .container {
    text-align: center; }
  .jumbotron h1 {
    margin-bottom: 50px; }
  .jumbotron p {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .jumbotron a {
    margin: 0 20px; }
  .jumbotron a:not(.btn) {
    font-size: 1.5rem;
    font-weight: 600;
    color: white; }
  @media (max-width: 767px) {
    .jumbotron .display-4 {
      font-size: 2rem;
      margin-bottom: 25px; } }

.property {
  border-radius: 0;
  margin-bottom: 5rem; }
  .property .card-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .property .card-title small {
    display: block;
    margin-top: 0.5rem;
    font-size: 70%; }
  .property .property-Images {
    position: relative; }
  .property .property-PriceBlock {
    position: absolute;
    right: 1.25rem;
    bottom: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    padding: 10px;
    text-align: center; }
    .property .property-PriceBlock p {
      margin-bottom: 0; }
    .property .property-PriceBlock .cost {
      font-size: 1.5rem;
      font-weight: 600; }
    .property .property-PriceBlock p:last-child {
      margin-bottom: 0; }
  .property .card-block .btn {
    margin-left: 20px; }

.property-Slider {
  position: relative; }
  .property-Slider .item img {
    max-height: 550px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
    .col-md-6 .property-Slider .item img {
      max-height: 350px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
  .property-Slider .owl-prev,
  .property-Slider .owl-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3rem;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 25px;
    height: 45px;
    margin-top: -22px;
    z-index: 3;
    color: white;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0; }
    .property-Slider .owl-prev:hover,
    .property-Slider .owl-next:hover {
      color: #00CED1; }
  .property-Slider .owl-prev {
    left: 25px; }
  .property-Slider .owl-next {
    right: 25px; }
  .property-Slider:hover .owl-prev, .property-Slider:hover .owl-next {
    opacity: 1; }

.navbar-nav a.btn {
  color: white !important; }

#_vrbo_cal_widget_489069 {
  width: 100% !important;
  margin-bottom: 2rem; }
  #_vrbo_cal_widget_489069 iframe {
    display: block;
    margin: 0 auto !important; }

.sidebar-Cost {
  border: 1px solid #cccccc;
  color: #666666;
  background-color: #F4F4F4;
  padding: 0.75rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem; }
  .sidebar-Cost p {
    margin-bottom: 0; }
  .sidebar-Cost .cost {
    font-weight: 600;
    font-size: 2rem; }
  .sidebar-Cost .terms {
    text-align: right;
    font-size: 0.8rem; }
  .sidebar-Cost .terms span {
    display: block; }

.sidebar-RequestBooking {
  margin-bottom: 2rem; }

.sidebar-Reviews {
  margin-bottom: 2rem;
  text-align: center; }

.single-property .property {
  margin-bottom: 2rem;
  border: 0; }
.single-property .property .card-block {
  padding: 1.5rem 0 0; }
.single-property .property-Actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
.single-property .property-Actions .btn-vrbo {
  border-color: #FFC033;
  background-color: #FFC033 !important;
  color: white;
  border-width: 3px;
  margin-bottom: 1rem; }
  .single-property .property-Actions .btn-vrbo:hover {
    border-color: #ffb000 !important;
    background-color: #ffb000 !important; }
.single-property .property-Section {
  margin-bottom: 2.5rem; }
.single-property .property-Section > header {
  margin-bottom: 1.5rem; }

.other-homes {
  background-color: #F4F4F4;
  padding: 2.5rem 0;
  margin-top: 2.5rem; }
  .other-homes header {
    margin-bottom: 1rem; }
  .other-homes .card-block {
    padding: 1.25rem !important; }

.tab-pane {
  padding-top: 1rem; }
  .tab-pane#rates .table thead th {
    border-top: 0; }
  .tab-pane#rates td {
    font-size: 1.5rem; }

.gallery-item {
  margin-bottom: 1.5rem;
  overflow: hidden;
  max-height: 170px; }
  .gallery-item img {
    border: 3px solid #FFFFFF;
    -webkit-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out;
    -o-object-fit: cover;
    object-fit: cover; }
  .gallery-item:hover img {
    border-color: #00CED1; }
  @media (max-width: 576px) {
    .gallery-item {
      max-height: none; } }

.property-Details {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #f4f4f4;
  padding: 1.25rem 1.5rem;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  margin-bottom: 2.5rem; }

.listing-features {
  margin-bottom: 2rem;
  font-size: 0.8rem; }
  .listing-features h3 {
    font-size: 1rem;
    font-weight: 600;
    background-color: #f4f4f4;
    padding: 0.25rem 0.5rem; }
  .listing-features ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    padding: 0.25rem; }
  .listing-features ul li span {
    font-weight: 600; }

.quick-details {
  margin-left: 1rem; }
  .quick-details i {
    margin-left: 0.5rem; }

.review {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #000000;
  font-style: italic; }
  .review header {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-style: normal; }
  .review header small {
    display: block;
    font-style: italic;
    color: #666666;
    font-size: 0.75rem;
    margin-top: 0.5rem; }
  .review .stars {
    color: #FFC033;
    font-size: 1.2rem; }
  .review header h3 {
    margin-bottom: 0; }