/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.wp-block-image .alignright {
	float:none !important;
		margin:2em 0em 2em 0em;

}
@media only screen and (min-width:767px) {
	.wp-block-image .alignright {
		float:right !important;
		margin:0em 0em 2em 2em;

	}
}
.post-description a {
	border-bottom: dotted 1px var(--e-global-color-secondary);
}
dl.question, div.question {
  background: #efefef;
  border-left: solid 4px var(--e-global-color-primary);
  padding: 10px;
  margin-bottom: 0
}
dl.answer, div.answer {
  border-left: solid 4px var(--e-global-color-secondary);
  border-bottom: solid 2px var(--e-global-color-secondary);
  padding: 10px;
  margin-bottom: 20px
}
dl.question dt, dl.answer dt, div.question > div:first-of-type p, div.answer > div:first-of-type p {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: 700;
  font-size: 250%;
  margin-bottom: 0
}
dl.answer dt, div.answer > div:first-of-type {
  color: var(--e-global-color-secondary)
}
dl.wp-block-description-list-block-description-list dd {
  margin-inline-start: 2%
}
.numberCircle {
  width: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  border: 2px solid var(--e-global-color-secondary);
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif
}
.devtitle {
  font-weight: 700;
  text-transform: capitalize
}
dt {
  font-weight: 600
}
.btn-default {
  border-radius: 0;
  padding: 15px 30px 15px 30px;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  text-transform: var(--e-global-typography-accent-text-transform);
  letter-spacing: var(--e-global-typography-accent-letter-spacing)
}
.btn-yellow {
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-primary);
  border: solid 2px var(--e-global-color-primary)
}
.btn-yellow:hover {
  color: #FFF !important;
  border: solid 2px var(--e-global-color-primary);
  background-color: var(--e-global-color-primary)
}
.form-control {
  height: calc(1.5em + .75rem + 12px);
  border-radius: 0
}
.form-group {
  margin-bottom: 0rem
}
.filter-box {
  background-color: var(--e-global-color-primary);
  padding: 20px;
  margin-bottom: 20px
}
.filter-box [type="button"], .filter-box [type="submit"], .filter-box button {
  color: #333 !important;
  background-color: var(--e-global-color-accent) !important;
  border: solid 2px #333 !important
}
.filter-box [type="button"].btn-reset, .filter-box [type="submit"].reset, .filter-box button.reset {
  background-color: var(--e-global-color-primary) !important;
  color: #FFF !important;
  border: solid #FFF 2px !important
}
#fbuilder input:read-only {
  background-color: #E2E2E3 !important
}
#fbuilder .section_break {
  border-top: 1px solid var(--e-global-color-accent) !important;
  clear: both;
  margin: 10px 0px !important
}
#fbuilder span.files-list, #fbuilder span.uh {
  font-size: 100% !important;
  font-size: 16px !important;
  line-height: 1.2em !important;
  padding: 10px 0
}
.total input {
  font-weight: bold !important
}
.boxed {
  border: solid 1px #333;
  padding: 15px
}
hr, .wp-block-separator {
  border-color: var(--e-global-color-secondary) !important
}
.elementor-shortcode ul {
  padding-left: 15px
}
.tb-image-slider .glide__slide img {
  max-height: 250px;
  height: 250px
}
@media only screen and (min-width:767px) {
  .tb-image-slider .glide__slide img {
    max-height: 500px !important;
    height: 500px !important
  }
}
ul.inline-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}
ul.inline-list li {
  display: flow-root list-item;
  align-content: center;
  padding: 7px 10px;
  border-bottom: solid 1px #FFB700
}

	ul.inline-list li {
		font-size: 12px;
	}

@media (min-width:910px) {
	ul.inline-list li {
		font-size: 16px;
	}
}
.availability .head {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  word-break: normal
}
@media (max-width:767px) {
  li.col:before {
    content: attr(data-title);
    font-weight: 700;
    left: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 4px;
    position: absolute;
    top: 0
  }
  li.col {
    flex: 0 0 100%;
    display: block;
    padding-bottom: 2px;
    padding-left: 50% !important;
    padding-top: 2px;
    position: relative;
    text-align: left;
    width: 100% !important
  }
}
}
@media (min-width:768px) {
  .details, .minshare {
    max-width: 100px
  }
  .plot, .floor, .beds {
    max-width: 70px
  }
	.address {
		max-width: 70px
	}
}
@media (min-width:1020px) {
  .details, .minshare {
    max-width: 180px
  }
  .plot, .floor, .beds {
    max-width: 80px
  }
	.address {
		max-width: 100px
	}
  .minshare, .details, .status, .budget {
    flex: 1;
    text-align: center;
  }
  .value, .deposit {
    text-align: center;
  }
}
.btn-small {
  border: solid 2px #333;
  padding: 10px 10px 10px 10px
}
.btn-small:hover {
  background: var(--e-global-color-secondary);
  color: #333 !important
}
ul.alt {
  background: var(--e-global-color-802226d)
}
.tb-image-slider .glide__arrow {
  border-radius: 0px !important;
  top: inherit !important;
  bottom: 0;
  transform: translateY(0%) !important;
  width: 50px !important;
  height: 50px !important;
  border: solid 1px #fff !important;
}
.tb-image-slider .glide__arrow--left {
  left: inherit !important;
  right: 49px
}
.tb-image-slider .glide__arrow--right {
  right: 0px !important
}
.schema-faq-section, .rank-math-list-item {
  margin-bottom: 20px
}
.schema-faq-question, .rank-math-question {
  background: #efefef;
  border-left: solid 4px var(--e-global-color-primary);
  padding: 15px 10px 20px 70px;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  display: inline-block
}
.schema-faq-question:before, .rank-math-question:before {
  content: 'Q.';
  font-size: 34px;
  padding: 0 10px;
  width: 70px;
  position: absolute;
  top: 0;
  left: 0
}
.schema-faq-answer, .rank-math-answer {
  border-left: solid 4px var(--e-global-color-secondary);
  border-bottom: solid 2px var(--e-global-color-secondary);
  padding: 15px 10px 20px 70px;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  display: inline-block
}
.schema-faq-answer:before, .rank-math-answer:before {
  position: absolute;
  content: 'A.';
  font-size: 34px;
  font-weight: 700;
  color: var(--e-global-color-secondary);
  padding: 0 10px;
  width: 70px;
  top: 0;
  left: 0
}
.sharedtype {
  color: var(--e-global-color-secondary)
}
.schema-faq-section:before, .rank-math-list-item:before {
  content: "";
  display: block;
  height: 160px;
  margin: -160px 0 0;
  visibility: hidden;
  pointer-events: none
}
html {
  scroll-behavior: smooth
}
.elementor-widget-theme-post-content p a {
  border-bottom: dotted 1px var(--e-global-color-secondary)
}
@media (min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 1150px
  }
}
h1 span {
  color: var(--e-global-color-secondary)
}
body .ginput_container input[type="checkbox"], body .ginput_container input[type="radio"] {
  padding: 15px 15px 15px 15px !important
}
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  color: var(--e-global-color-secondary) !important;
}
body select {
  font-size: 18px !important
}
select {
  appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8cGF0aCBmaWxsPSJncmF5IiBkPSJNMTAsMjMyLjdsNDkwLDUzNC41bDQ5MC01MzQuNUgxMHoiIC8+DQo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px;
  padding-left: 20px !important
}
input#input_4_11 {
  background-color: #8B8C8E;
  color: #fff
}
.gform_button, .gform_next_button, .gform_save_link {
  padding: 15px 30px 15px 30px !important;
  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-secondary) !important;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-accent-font-size) !important;
  font-weight: var(--e-global-typography-accent-font-weight) !important;
  text-transform: var(--e-global-typography-accent-text-transform) !important;
  letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
  border: solid 2px !important
}
.gform_button:hover, .gform_next_button:hover {
  color: var(--e-global-color-3a1a8bf) !important;
  background-color: var(--e-global-color-primary) !important
}
.gform_save_link {
  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-3a1a8bf) !important
}
.gform_save_link:hover {
  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-secondary) !important
}
.elementor hr, hr.wp-block-separator {
  margin: 20px 0;
  background-color: #fff0;
  color:var(--e-global-color-secondary) !important;
}
.aptcrumb, .aptcrumb a {
  font-family: "Nunito Sans", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase
}
.aptcrumb a {
  color: var(--e-global-color-1ca5d50)
}
.aptcrumb a:hover {
  color: var(--e-global-color-secondary)
}
#aptcrumb.aptcrumb, #aptcrumb.aptcrumb a {
  color: #FFF
}
#aptcrumb.aptcrumb a:hover {
  color: var(--e-global-color-secondary)
}
.roomname {
  border-bottom: 1px solid #FFB700;
  padding-top: 5px
}
.resaledetails dt, .resaledetails dd {
  border-bottom: solid 1px #000
}
.resalesdetails dl {
  margin-bottom: 0rem
}
.resalesdetails {
  padding-bottom: 30px
}
.listtile {
  display: flex
}
.tile {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-flow: column nowrap;
  margin-bottom: 20px
}
.tile:hover {
  box-shadow: 0 0 10px rgb(0 0 10 / .5)
}
.contentdiv {
  padding: 20px 40px 20px 20px;
}
.contentdiv h2 {
	font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
}
.contentdiv h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.contentdiv dl {
  font-size:16px;
}
.contentdivleft {
  padding: 20px 20px 0 0
}
.buttondiv {
  margin-top: auto;
  padding: 0 20px 20px
}
.listtile {
  display: flex
}
.areas {
  border-bottom: solid 1px var(--e-global-color-secondary)
}
.sharedtype {
  font-size: 14px
}
h4.h4link {
  font-size: 18px;
  font-weight: 700
}
.grybck {
  background-color: var(--e-global-color-802226d);
  padding: 30px 0
}
.contentdiv dd {
  margin-bottom: 0rem
}
.buttondiv {
  margin-top: auto;
  padding: 0 15px 15px 15px
}
span.Available, span.Reserved, span.Coming_Soon, span.POA, span.Sold {
  padding: 3px 12px;
  border-radius: 15px;
  display: inline;
  font-size: 85%
}
span.Available {
  border: solid 2px rgb(145 219 159);
  background: rgb(145 219 159 / .25);
  color: rgb(105 160 117)
}
span.Reserved, span.Coming_Soon, span.POA {
  border: solid 2px rgb(0 0 0 / .5);
  background: rgb(0 0 0 / .05);
  color: rgb(0 0 0 / .5)
}
span.Sold {
  border: solid 2px rgb(210 10 10);
  background: rgb(210 10 10 / .25);
  color: rgb(210 10 10)
}
.widget-breadcrumbs p {
  font-size: .85em;
  margin-bottom: 0
}
.grey li {
  color: #ccc
}
.mainimage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 0
}
.mainimage a img.imggrow {
  transition-duration: 1s
}
.mainimage a img.imggrow:hover {
  transform: scale(1.2)
}
.flash {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1
}
.flash span {
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: 12px;
  font-weight: 800;
  padding: 8px 15px;
  display: inline;
  text-transform: uppercase
}
.home-slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}
.home-slides {
  align-items: stretch;
  width: 100%;
  z-index: 0
}
.tranistion-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  align-items: stretch
}
@media (min-width:768px) {
  .tranistion-controls {
    background: #333;
    background: linear-gradient(90deg, #fff0 50%, rgb(51 51 51) 50%)
  }
}
.herotitle {
  padding: 30px 20px 10px 20px;
  background-color: var(--e-global-color-primary)
}
@media (min-width:768px) {
  .herotitle {
    min-height: 80px
  }
}
.tranistion-controls .page-link {
  width: 52px;
  height: 52px;
  border-style: solid;
  border-width: 1px;
  padding: 15px;
  background-color: #33333380;
  display: inline-block
}
@media (min-width:768px) {
  .tranistion-controls .page-link {
    width: 80px;
    height: 80px;
    padding: 26px
  }
}
.tranistion-controls a.wpv-filter-next-link.page-link, .tranistion-controls a.wpv-filter-previous-link.page-link {
  fill: #FFF;
  border-color: #FFF
}
.tranistion-controls a.wpv-filter-next-link.page-link:hover, .tranistion-controls a.wpv-filter-previous-link.page-link:hover {
  fill: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary)
}
.tranistion-controls a.wpv-filter-next-link.page-link {
  margin: 0 0 0 -4px
}
.tranistion-controls a.wpv-filter-previous-link.page-link {
  margin: 0 0 0 0
}
@media (min-width:768px) {
  .tranistion-controls a.wpv-filter-next-link.page-link {
    margin: 0 0 0 -6px
  }
}
.slidesdiv {
  width: 100%
}
.backgroundimg {
  display: flex;
  min-height: 60vh;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  background: no-repeat center center;
  background-size: cover;
  width: 100%
}
@media (min-width:768px) {
  .backgroundimg {
    min-height: 85vh
  }
}
h1.headingtitle {
  color: #FFF;
  margin: 0;
  margin-block-start: 0rem;
  margin-block-end: 0rem
}
.wblock {
  display: flex;
  align-items: flex-end;
  margin-left: auto
}
.whiteblock {
  background-color: #333333B3;
  padding: 30px;
  margin-bottom: 100px;
  color: var(--e-global-color-secondary);
  width: 270px;
  margin-left: auto
}
@media (min-width:768px) {
  .whiteblock {
    margin-bottom: 120px;
    width: 400px;
    margin-right: 5px
  }
}
.whiteblock h2 {
  color: #FFF
}
.btn-white {
  background: #fff0;
  color: #FFF !important;
  border-color: #FFF
}
.btn-white:hover {
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-primary) !important;
  border-color: var(--e-global-color-primary)
}
.filter-box label {
  color: #FFF;
  display: flex;
  align-items: center
}
.gfield_checkbox-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(auto-fill, auto);
  grid-column-gap: 2rem
}
.filter-box .form-check-input {
  margin-top: 0;
  margin-right: .8rem
}
.form-check-input:checked {
  background-color: var(--e-global-color-secondary);
}
.availablelabel h5 {
  font-weight: 800
}
@media (min-width:768px) {
  .availablelabel h5 {
    text-align: right;
  }
}
.calcbox {
  border:solid 1px #333;
  background:#F8F8F8;
  padding:20px;
}
.calcboxyellow {
   border:solid 1px #333;
  border-top:0px;
   padding:20px;
  background:var( --e-global-color-secondary );
}
dl.roomname {
 font-size:14px; 
  margin-bottom: 0.5rem;
  padding-top: 0px;
}
.text-right {
	text-align:right;
}