@import url('../fonts/stylesheet.css');

:root {
  --brown: #311F19;
  --midbrown: #4B3B36;
  --lightbrown: #61544E;
  --cream: #F0EEE7;  
  --grey: #A09891;  
  --lightgrey: #D7D4D3;  
  --blue: #D4D5E3;  
  --green: #D0D3CA;  
  --beige: #E8DCC9;  
}

html,body {height:100%;}
body {background-color:var(--cream);font-family: 'Avenir LT Std';color:var(--brown);padding-top:86px;}
header,section {background-color:var(--cream);}
a {text-decoration: none;color:#F0EFEB}
p {font-size:16px;letter-spacing: 0.5px;}
img {max-width: 100%;}
::placeholder {
  color: var(--brown);
  opacity: 0.7; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--brown);
}

header {color:#F0EFEB;font-size:13px;letter-spacing: 5px;padding:15px 0;position: fixed;top:0;width:100%;z-index:9000}
header .col-sm:nth-child(2) {padding-top:30px;}
header img {max-width:180px;}

#hero {position: relative;}
#hero > div {position: absolute;left:7%;right: 7%;bottom: 0;top:0;display:flex;align-items: center;justify-content: center;}
#hero > div > div {text-align: center;}
#hero > div > div > div {padding:100px 0 0 0}
#hero > div > div > div > div {font-size:17px;letter-spacing: 8px;background-color:var(--brown);padding:20px 15px 20px 25px;display: inline-block;text-align: center;}
#hero > div > div > div > button {font-family: 'Silk Serif';font-weight:300;font-size:17px;line-height:1;letter-spacing: 2px;color:var(--brown);padding:15px 25px 11px 25px;display: inline-block;text-align: center;border-radius:25px;background-color:rgba(255,255,255,0.8);border:none;}
#hero p {font-size:32px;letter-spacing: 2px;font-family: 'Silk Serif';font-weight:300;}

#strapline {padding:50px 0 30px 0;text-align:center;color:#F0EFEB}
#strapline p {font-size:28px;letter-spacing: 2px;line-height:36px;font-family: 'Silk Serif';font-weight:300;}
#content {text-align: left;padding-bottom:60px;}
#content {line-height:1.6}

h1 {font-size:28px;letter-spacing: 2px;line-height:28px;font-family: 'Silk Serif';font-weight:300;margin-bottom:30px;margin-top:50px;}
h1.large {font-size:42px;line-height:1.2;}
h2 {font-size:24px;letter-spacing: 2px;line-height:28px;font-family: 'Silk Serif';font-weight:300;margin-bottom:30px;}

.brown {color:var(--brown);}
.lightbrown {color:var(--lightbrown);}
.white {color:white;}
.bg-grey {background-color:var(--grey);}
.bg-blue {background-color:var(--blue);}
.bg-green {background-color:var(--green);}
.bg-lightgrey {background-color:var(--lightgrey);}
.bg-beige {background-color:var(--beige);}
.serif {font-family: 'Silk Serif';font-weight:300;}
.btn {font-size:12px;letter-spacing: 3px;border-radius: 0;padding:0.5rem 1.5rem}
.btn-primary {background-color: var(--lightbrown);color:var(--cream);border-color: var(--lightbrown);}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {color: var(--lightbrown);background-color:var(--cream);border-color:var(--cream);}
.btn-secondary {background-color: transparent;color:var(--lightbrown);border-color: var(--lightbrown);}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active {background-color: var(--lightbrown);color:var(--cream);border-color:var(--cream);}

#panel-located {margin-top:15px;margin-bottom:15px;}
#panel-located > div {background-color:#50403B;height:0;padding-bottom:79%;text-align: center;}
#panel-located img {padding-top:18vw}
#panel-located p {font-size:18px;margin:0;padding-top:20px}
#panel-located p.henley{font-size:28px;letter-spacing: 2px;line-height:36px;font-family: 'Silk Serif';font-weight:300;color:#F0EFEB;padding-top:15px;}

.panels-header {padding-bottom:10px;margin-bottom:10px}
.panels-header {border-bottom:1px solid var(--lightbrown)}
.panels-header a {color:var(--lightbrown);/*background-image:url('../images/plus-circle.svg');*/background-repeat:no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-block;font-size:14px;letter-spacing: 2px;/*order:2*/}
.panels-header a.active {background-image:none;/*order:1;*/font-weight:bold;}
.panels-body > div {display: none;}
.panels-body > div:first-child {display: block;}
.panels-body > div > div{display: flex;justify-content: space-between;padding-bottom:5px;}

/*Form*/
.register {padding-top:30px;padding-bottom:30px;text-align: center;text-align: left}
.register .container {max-width:400px;margin:0 auto;}
.form-group {margin-bottom:9px;}
.register h2 {margin-bottom:30px;font-size:22px;letter-spacing: 2px;line-height:36px;font-family: 'Silk Serif';font-weight:300;}
.register input {width:100%;border:none;padding:10px;background-color:#FBFAF8;color:#311F19;font-size:12px;font-weight:normal;letter-spacing:3px;}
.register textarea {width:100%;border:none;padding:10px;background-color:#FBFAF8;color:#311F19;height:90px;font-size:12px;font-weight:normal;letter-spacing:3px;}
.register select {width:100%;border:none;padding:10px;background-color:#FBFAF8;color:#311F19;font-size:12px;letter-spacing:3px;  font-weight:normal; -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url('../images/select.png');   /* Add custom arrow */;
	 background-position:right 10px center;
	 background-repeat: no-repeat;
   font-family: 'Avenir LT Std', Arial;
	}
.empty { color: #B3B3B3 !important; }
.register button {width:100%;padding:10px;color:#FBFAF8;background-color:var(--lightbrown);text-align: left;border:none;font-size:14px;letter-spacing:3px;text-align:center;font-weight:bold}
.register p {font-size:14px;font-weight:100;padding:10px 0 0 10px;}
#registerThanks {display: none;}
footer h3 {color:#F0EFEB;font-size:19px;font-family: 'Silk Serif';font-weight:300;letter-spacing: 2.7px;margin-bottom:15px;margin-top:30px;}
footer p {color:#F0EFEB;font-size:17px !important;margin-top:15px;}
footer p small {font-size:12px !important;opacity:0.6}
footer {background-color:var(--midbrown);padding:30px 0;}
footer .col.text-center {position: relative}
footer a.gr8 {position: absolute;top:0;left:10%;right:66%;bottom:0;display:none}

.prices {text-align: center;margin-bottom:50px;}
.prices > div {padding:10px 0}
.prices > div.middle {border-bottom:1px solid #544540;border-top:1px solid #544540;}
.prices p {margin-bottom:0}

.carousel-indicators [data-bs-target] {width:16px;height:16px;border-radius: 8px;background-clip:border-box;padding:0;border:none;margin-left:7px;margin-right:7px;}

.nav-link {letter-spacing: 1px;}
.navbar-brand-container {width: 100%;position: relative;text-align: center;}
.navbar-toggler {border:none;position: absolute;right:0;top:0;}
.navbar-toggler:focus {box-shadow:none}

.property-carousel {position: relative;}
.slick-prev,.slick-next {background-color:transparent;border:none;position: absolute;top:70px;z-index:9999}
.slick-prev img,.slick-next img {width:30px}
.slick-prev {left:0;/*opacity:0*/}
.slick-next {right:0;}

.nav-back a {color:var(--brown);font-size:12px;letter-spacing: 2px;display: inline-flex;font-size:14px;line-height:1;border-bottom:1px solid #D4CFC8;padding-bottom:3px;}
.nav-back a svg {margin-right:5px}
.nav-link {font-size:13px !important}

.accordion {font-family: 'Avenir LT Std';background-color:transparent}
.accordion button {font-family: 'Avenir LT Std';background-color:transparent;padding:5px 0;font-size:18px;color:var(--brown);border:none}
.accordion-button:focus {  border-color: transparent;  box-shadow: none;}
.accordion-button:not(.collapsed) {background-color:transparent;box-shadow:none;color:var(--brown);}
.accordion-item {background-color:transparent;border:none}
.accordion-item ul{padding-left:0 !important;font-size:14px;}
.accordion-header {background-color:transparent;border-top:1px solid var(--lightbrown);}
.accordion-item:first-child .accordion-header {border-top:none}
.accordion-button::after {  background-image:url('../images/plus-circle.svg') !important;  }
.accordion-button:not(.collapsed)::after {  background-image:url('../images/dash-circle.svg') !important;  }

.btn-download {border:1px solid var(--lightbrown);display:inline-block;width:260px;}
.carousel-caption {top:1.25rem;left:10%;right:10%}
.carousel-caption h2 {color:#FFFFFF;font-family: 'Avenir LT Std', Arial;font-size:14px; letter-spacing: 3px;border-bottom:1px solid #FFFFFF;padding-bottom:5px;line-height:1.2;text-align: center;margin-bottom:30px;}
.carousel-caption h3 {color:#FFFFFF;font-family: 'Silk Serif';font-weight:300;font-size:32px;letter-spacing: 4px;margin-bottom:30px;}

.carousel-control-next, .carousel-control-prev {width:60px}

.local-links a {display: block;color:var(--lightbrown);border-bottom:1px solid #D6D2CB;/*background-image:url('../images/chevron-small.svg');*/background-repeat: no-repeat;background-position: right center;padding:5px 0;font-size:14px;cursor: default;}

.v_hidden{	opacity: 0;}
.v_visible{	opacity: 1;}

.checkboxes {								background-color: #FFFFFF;								padding: 10px;							}
.checkboxes p {								padding-left: 3px !important;							}
.checkboxes label {								display: block;								margin-bottom: 10px;								font-size: 13px;							}
.checkboxes input[type="checkbox"] {								margin-right: 5px;								width: 18px;							}
		
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	#panel-located img {padding-top:100px}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  header {padding:15px 0;font-size:14px;}
  header .col-sm:nth-child(2) {padding-top:6px;}
  #hero > div {left:0;right: 0;}
  #hero > div > div > div {padding:70px 0}
  #hero > div > div > div > div {padding:20px 60px;letter-spacing: 13px;}
	#panel-located {height:auto;margin-top:0;margin-bottom:0}
  #panel-located img {padding-top:20px;width:50px}
  #panel-located p {font-size:16px;}
  #panel-located p.henley{font-size:20px;letter-spacing: 2px;line-height:28px;padding-top:10px;}
  footer {padding-top:50px}
	footer p {font-size:12px;}
	footer a.gr8 {display:block}
	h1 {font-size:26px;line-height:32px;margin-bottom:30px;margin-top:50px;}
  h1.large {font-size:38px;}
	h2 {font-size:26px;line-height:32px;margin-bottom:30px;}
	#hero > div > div > div {padding:70px 0 0 0}
	#hero > div > div > div > button {font-size:21px}  
  .text-sm-left {text-align: left !important;}
  .carousel-caption h2 {font-size:18px; letter-spacing: 3px;margin-bottom:50px;}
  .carousel-caption h3 {font-size:48px;letter-spacing: 4px;margin-bottom:50px;}
  .register .container {max-width:500px;}
  .checkboxes {									padding: 20px;								}
  .checkboxes label {									font-size: 14px;								}
  .checkboxes input[type="checkbox"] {									margin-right: 10px;									width: 20px;								}  
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#panel-located img {padding-top:35px;width:79px}
  #panel-located p.henley{font-size:26px;letter-spacing: 2px;line-height:28px;padding-top:10px;}
  .register h2 {font-size:24px;}
	h1 {font-size:30px;line-height:40px;margin-bottom:30px;margin-top:50px;}
  h1.large {font-size:42px;}
	h2 {font-size:30px;line-height:38px;margin-bottom:40px;}
	.prices {margin-bottom:70px;}
	#hero > div > div > div > button {font-size:24px}
	.carousel-indicators {margin-bottom:3rem}  
  .navbar-nav{--bs-navbar-nav-link-padding-x: 0.75rem;  }
  .nav-link {padding-top:0;padding-bottom: 0;letter-spacing: 1px;}  
  .nav-item.border-right {border-right:1px solid #868585}
  .navbar-brand-container {width: auto;}
  .text-md-left {text-align: left !important; }
  .carousel-caption h2 {font-size:18px; letter-spacing: 4px;margin-bottom:60px;}
  .carousel-caption h3 {font-size:58px;letter-spacing: 5px;margin-bottom:60px;}
  .carousel-control-next, .carousel-control-prev {width:80px}
  footer h3 {margin-top:0}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	#strapline {display: none;}
  #content {padding-top:60px}
  #panel-located img {padding-top:50px;width:89px}
  #panel-located p {font-size:18px;}
  #panel-located p.henley{font-size:32px;letter-spacing: 2px;line-height:32px;padding-top:15px;}
  .register h2 {font-size:26px;letter-spacing: 2px;}
  .register input,.register textarea,.register select,.register button {font-size:14px;}  
	h1 {font-size:36px;line-height:46px;margin-bottom:30px;margin-top:50px;}
  h1.large {font-size:52px;}
	h2 {font-size:32px;line-height:38px;margin-bottom:45px;}
	.prices {margin-bottom:80px;}
	#hero > div > div > div > button {font-size:28px;padding:20px 40px 16px 40px;border-radius:33px}
	.carousel-indicators {margin-bottom:5rem}
  .navbar-nav{--bs-navbar-nav-link-padding-x: 1.2rem;  }
  .nav-link {padding-top:0;padding-bottom: 0;letter-spacing: 2px;}  
  .carousel-caption h2 {font-size:18px; letter-spacing: 5px;padding-bottom:5px;margin-bottom:80px;}
  .carousel-caption h3 {font-size:78px;letter-spacing: 5px;margin-bottom:80px;}
  .carousel-control-next, .carousel-control-prev {width:100px}
}

/* Extra wxtra large devices (xlarge desktops, 1400px and up)*/
@media (min-width: 1400px) {
	#panel-located img {padding-top:70px}
}