@charset "UTF-8";

* { margin:0; padding:0;}

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; min-height: 100%; text-align:left; font-size:1.1em; font-weight:normal;}
a { color:#675c77; text-decoration:underline;}
a:hover { color:#675c77!important;}
a:active { color:#675c77!important;}
.btn-primary:hover { background-color:#675c77; border:solid 2px #05e9be; color:#fff!important;}
#container { padding-left:0px; padding-right:0px;}
.container.listings { padding-left:0px; padding-right:0px;}
::selection { background-color:#675c77!important; color:#fff;}
::-moz-selection { background-color:#675c77!important; color:#fff; }
.clear { clear:both;}
.row { margin-right:0px; margin-left:0px;}

form#wre_contact_form .button-primary { background:#675c77!important;}
.wre-search-form { display:none!important;}

h1.blockquote { padding-left:30px; border-left:solid 4px #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:3.9em; margin-top:0px; color:#ffffff; padding-top:0px!important; padding-bottom:0px!important; margin-bottom:0px!important; margin-top:0px!important;}
h2.blockquote { padding-left:30px; border-left:solid 4px #555555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:3em; margin-top:0px; color:#555555; padding-top:0px!important; padding-bottom:0px!important; margin-bottom:0px!important; margin-top:0px!important;}
h3.blockquote { padding-left:30px; border-left:solid 4px #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.8em; margin-top:0px; color:#ffffff; padding-top:0px!important; padding-bottom:0px!important; margin-bottom:0px!important; margin-top:0px!important;}
p.blockquote { padding-left:40px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:2em; color:#ffffff; padding-top:0px!important; padding-bottom:0px!important; margin-bottom:0px!important; margin-top:0px!important;}

/* ----- REAL ESTATE STYLING -----*/
.wre-search-form .search-button, .wre-items li .status { background:#675c77!important;}
.wre-items.grid-view li.col-3 { max-width:33%!important;}
.wre-items.grid-view li.col-2 { max-width:50%!important;}
.wre-items.grid-view li { max-width:50%!important;}

.wre-items.list-view li.col-3 { max-width:100%!important;}
.wre-items.list-view li.col-2 { max-width:100%!important;}
.wre-items.list-view li { max-width:100%!important;}

.wre-items li .title a { color:#675c77;} 
.wre-items .price { color:#675c77!important;} 
.content { padding-top:20px;}
.wre-items li .status { left:0!important;}

.wre-items li .status.rented { background:#E30613!important;}
.wre-items li .status.available { background:#009640!important;}
#responsive-menu-container .responsive-menu-search-box { display:none!important;}

/* ----- CONTACT FORM -----*/
.nf-after-form-content { display:none;}
.ninja-forms-field { border-bottom: 1px solid #d8d8d8!important; background:transparent!important; width:100%!important; padding:8px 8px 8px 0px; border:none; box-shadow:none!important; border-radius:0px;}
#nf-field-683 { border:1px solid #d8d8d8!important; padding:10px; height:200px; box-shadow:none!important; border-radius:0px; box-shadow:none!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important;}
#nf-field-686-wrap { background:transparent!important; box-shadow:none!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; border-radius:0px;}
.nf-form-content .nf-field-container.submit-container .nf-field-element .ninja-forms-field { background:#675c77!important; width:100px!important; color:#ffffff;}
.nf-response-msg { padding:20px 0px;}
.g-recaptcha { margin:10px 0;}
.nf-form-fields-required { display:none;}

.nf-field-element input{ -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}
.ninja-forms-field { -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}
.nf-form-content .nf-field-element .ninja-forms-field:not(select) { box-shadow:none!important; -webkit-appearance:none!important; -moz-appearance:none!important;}

.parallax.one, .parallax.two { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; height:600px;}
.parallax.one { background-image:url("../imgs/parallax-hero-02.jpg"); height:50vh;}
.parallax.two { background-image:url("../imgs/parallax-hero-03.jpg"); height:50vh; padding:50px 0px;}

/* ----- WRAPPER BACKGROUNDS & TEXT COLOUR ----- */
.wrapper { margin:0 auto; width:100%!important;}
.inner { margin:0 auto; max-width:1170px;}

.wrapper.home { height:100vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/parallax-hero-01.jpg");}
.wrapper.error { height:100vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/parallax-hero-03.jpg");}
.wrapper.privacy-policy { height:60vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/parallax-hero-02.jpg");}

.wrapper.white-background { background-color:#ffffff; width:100%;}
.wrapper.white-background h1, .wrapper.white-background h2, .wrapper.white-background h3, .wrapper.white-background h4, .wrapper.white-background p, .wrapper.black-background i { color:#555555;}
.inner.white { padding:50px 30px!important;}

.wrapper.grey-background { background-color:#f5f5f5; width:100%;}
.wrapper.grey-background h1, .wrapper.grey-background h2, .wrapper.grey-background h3, .wrapper.grey-background h4, .wrapper.grey-background p { color:#555555;}
.inner.grey { padding:50px 30px!important;}

/* ----- LOGO HOLDER -----*/
#logoholder { float:left; height:50px;}
.logo { margin-top:5px; margin-right:20px; height:41px; margin-left:15px;}

/* --- SCROLL DOWN ARROW --- */
.ct-btn-scroll { margin-bottom:100px!important; font-size:3em; position:absolute; bottom:0; left:0; right:0; width:50px!important; height:50px!important; margin:auto; color:#ffffff;}
.ct-btn-scroll:hover { color:#ffffff;}
.ct-btn-scroll:active { color:#ffffff;}

/* ----- CAROUSEL ----- */
.carousel-wrapper { padding-left:0px!important;}
.carousel-caption h3 { color:#ffffff!important; text-align:left!important;}
.carousel-caption { }
.carousel { overflow:hidden; margin-bottom:20px;}
.carousel-item { overflow:hidden;}

/* ----- NAVIGATION TOP ----- */
#navigation-wrapper { margin:0 auto; height:55px;}
#navigation { margin:0 auto; height:55px; font-size:0.8em; float:left;}
#navigation ul { list-style:none; margin:0;}
#navigation li { float:left; position:relative; display:block;}
#navigation a { display:block; line-height:55px; padding:0px 13px; color:#ffffff; text-decoration:none; text-transform:uppercase;}
#navigation a:hover { text-decoration:none; color:#ffffff!important; border-bottom:3px #ffffff solid;}
.current-menu-item a { color:#ffffff!important; border-bottom:3px #ffffff solid!important;}

/* ----- HEADER WRAPPER ----- */
#header-wrapper { margin:0 auto; width:100%; height:55px; position:fixed; z-index:100; background:#675c77; z-index:1000; transition: 0.7s all;}
#header { margin:0 auto; max-width:1170px;}

/* ----- NAVIGATION FOOTER ----- */
#navigation-footer { margin:0 auto; height:40px; display:block; width:100%;}
#navigation-footer { margin:0 auto; height:40px; font-size:0.8em; font-weight:lighter;}
#navigation-footer ul { list-style:none; margin:0;}
#navigation-footer li { position:relative; display:block;}
#navigation-footer a { display:block; line-height:40px; padding:0px 13px; color:#ffffff; text-decoration:none;}
#navigation-footer a:hover { text-decoration:none; color:#ffffff;}
.current-menu-item a { color:#ffffff!important;}

/* --- FOOTER ACCORDIAN --- */
#accordionFooter .card { border:0px!important;}
#accordionFooter .card-body, #accordionFooter .card-header { background-color:#675c77; color:#ffffff;}
#accordionFooter .card-body { padding:2px 2px 2px 40px!important;}
#accordionFooter .card-header .btn { display:block; color:#ffffff;}
#accordionFooter .card-header { border-bottom:0px!important; padding:2px 0px !important;}
#accordionFooter .card-header:first-child { border-radius:0px!important;}
#accordionFooter .card-body li { font-size:1.0em!important; color:#ffffff!important;}

#accordionFooter [data-toggle="collapse"] .fa:before { content:"\f139"; font-size:1em; color:#c89360; padding:0 10px 0 5px;}
#accordionFooter [data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; font-size:1em; padding:0 10px 0 5px;}

/* ----- SOCIAL MEDIA HOLDER ----- */
#socialmedia-holder { height:50px; float:right; padding-top:5px; padding-right:10px;}
#socialmedia-holder a { color:#ffffff!important; text-decoration:underline;}
.fa-instagram, .fa-facebook-square, .fa-envelope, .fa-phone-square { padding:0px 2px;}
.fa { margin-top:10px;}

/* ----- FOOTER DESKTOP ----- */
.wrapper.footer { background-color:#675c77; padding:15px;}
.footer p { font-size:0.7em;}
.footer a { color:#ffffff;}
.footer a:hover { color:#ffffff!important; opacity:0.6;}

/* ----- FOOTER MOBILE ----- */
.wrapper.footer-mobile { display:none!important;}

/* ----- SCROLL TOP BUTTON SIDE ----- */
.button-top { position:fixed; bottom:20px; right:20px; z-index:1000; width:60px; height:60px; border:0; border-radius:50%; box-shadow:none; background:#675c77; color:#fff; font-size:26px; line-height:20px; text-align:center; cursor:pointer; pointer-events:none; opacity:0; transition:opacity .18s ease; border:1px solid #ffffff;}
.button-top-visible { opacity:1; pointer-events:auto;}

/* ----- FONTS ----- */
h1 { font-size:4em; margin-top:0px; color:#ffffff; padding-bottom:10px;}
h2 { font-size:2.1em; margin-top:0px; color:#ffffff; line-height:1.4em; margin-bottom:30px; border-left:4px solid #675c77; padding-left:30px;}
h2.widget-title { margin-bottom:30px; border-left:0px!important; padding-left:0px!important;}
h2.mb-0 { padding-left:0px!important;}
h3 { font-size:1.7em; margin-top:0px; margin-bottom:15px; border-left:4px solid #675c77; padding-left:30px;}
h4 { font-size:1.5em; margin-top:0px; text-align:left;}
h5 { font-size:1.2em; text-transform:uppercase; color:#ffffff; padding-bottom:15px;}
h6 { font-size:0.8em; color:#ffffff;}
p { color:#555555; font-weight:light;}
i { font-weight:medium;}
strong { }
ul { padding-left:20px; color:#555555;}
li { color:#555555;}
.colourfont { color:#e10076;}
.full-height { height:100vh;}

@media (pointer: coarse) and (hover: none) {

}

/* ----- PARALLAX ON IPHONE ----- */
@media only screen and (max-width: 767px) {
.parallax.one, .parallax.two { background-attachment:scroll !important;}
}

/* ----- PARALLAX ON IPAD ----- */
@media only screen and (max-width: 1024px) {
.parallax.one, .parallax.two { background-attachment:scroll !important;}
}

/* ----- IPAD LANDSCAPE ----- */
@media (max-width: 767px) {
.wre-items.grid-view li.col-3 { max-width:100%!important;}
.wre-items.grid-view li.col-2 { max-width:100%!important;}
.wre-items.grid-view li { max-width:100%!important;}

.wre-items.list-view li.col-3 { max-width:100%!important;}
.wre-items.list-view li.col-2 { max-width:100%!important;}
.wre-items.list-view li { max-width:100%!important;}
#socialmedia-holder { display:none!important;}
#navigation-wrapper { display:none!important;}

}

@media ( min-width: 768px) {
}

/* ----- IPAD PORTRAIT ----- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

}

@media (max-width: 1200px) {
h1.blockquote { font-size:3em;}
h2.blockquote { font-size:2.5em;}
h3.blockquote { font-size:2em;}
}

/* ----- SMARTPHONES (PORTRAIT AND LANDSCAPE) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
h1.blockquote { font-size:2.2em;}
h2.blockquote { font-size:1.9em;}
h3.blockquote { font-size:1em;}
p.blockquote { font-size:1em;}
.wrapper.footer { display:none!important;}

.wrapper.footer-mobile { background-color:#675c77; display:block!important; text-decoration:none!important;}
.wrapper.footer-mobile p, .wrapper.footer-mobile a { font-size:0.9em; color:#ffffff;}
.wrapper.footer-mobile ul { list-style:none!important; margin:0; padding-inline-start:0px!important; text-transform:none!important; text-decoration:none!important; line-height:1.6em;}

.wre-items li .inner-container .summary { padding-left:7px!important; padding-right:7px!important;}
.inner.grey, .inner.white { padding:50px 15px!important;}
}
