@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');

/* COLOURS USED */

/*
    Dark blue: #202032
    Used on headings, top nav, links, main buttons, reg links, footer background etc

    Lighter dark blue: #333347
    Hover background colour for dark blue buttons, reg links

    Orange: #E75631
    Used on some buttons, top nav current links, right menu hover

    Gold: #837844
    Used on current property search listings layout buttons

    Lighter gold: #a69e79
    Non current property search listings layout buttons

    Right menu background: #181827

    Right menu link item hover background: #262638

    Footer text: #787891

    Shaded box/form background: #f5f5f5
*/

.row { /* gutter adjustment */ margin-left: 0px; margin-right: 0px; }
.navbar .row { /* leave the banner alone ! */ margin-left: -10px; margin-right: -10px; }
.needrow .row { margin-left: -20px; margin-right: -20px; }

/* column margin overrides */

html { font-size:14px; }
body { font-family:"Metropolis Regular"; line-height:1.4; color:#585857; background-color:#231f20; min-width:300px; font-weight:400; }
h1, h2, h3, h4 { color:#231f20; font-weight:800; line-height:1.3; font-family:"Metropolis Bold"; }
.container-fluid { padding:0; margin:0; width:100%; }

#header-home { background-image:url(../images/istock-512148336.jpg); background-size:cover; background-position:50% top; background-repeat:no-repeat; padding-top:0px; min-height:92vh; }
#header-homeoverlay { min-height:92vh; position:relative; }

.home-top { }

.logo { max-width:210px; height:auto; margin-top:15px; }
.shadow-wrap { background-color:rgb(0 0 0 / 20%); padding:10px; box-shadow: 1px 1px 0 rgb(0 0 0 / 20%); }
.home-top h1 { font-size:5rem; margin-bottom:10px; font-weight:700; color:#c41425; text-shadow: 1px 1px 0 rgb(0 0 0 / 40%); }
.home-middle { width:100%; margin-top:160px; }
.home-middle p { font-family:"Metropolis Bold"; font-size: 2.2rem; margin-bottom: 10px; font-weight: 700; color: #FFF; text-shadow: 1px 1px 0 rgb(0 0 0 / 60%); }
.home-bottom { width:100%; margin-top:0; }
.home-bottom .img-responsive { max-width:185px; }

a.button { display:inline-block; max-width:185px; min-width:185px; width:185px; margin:40px 0 20px 0; border:1px solid #c00c1a; color:#c00c1a; border-radius:5px; padding:8px 10px; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:0.92rem; line-height: 28px; min-height: 45px; box-shadow: 1px 1px 0 rgb(0 0 0 / 20%); }
a.button:hover {background-color:#c00c1a; color:#fff;}
a.button.solid {background-color:#c00c1a; color:#fff;}
a.button.solid:hover {background-color:#ce1322;border-color:#ce1322; color:#fff;}

.residential { background-color:#F2B825 !important; border:1px solid #F2B825 !important; }
.residential:hover { background-color:#f6b612 !important; }
.students { background-color:#36A9E1 !important; border:1px solid #36A9E1 !important; }
.students:hover { background-color:#24a6e5 !important; }

.footer { background-color:#231f20; text-align:center; padding:20px; height:8vh; }
.footer p, .footer a { color:#8b8b8b; }

.logo-wrapper, .text-wrapper { text-align:left; }

.button-wrapper { text-align:center; }
.button-wrapper img { width:180px; margin:0 auto 30px auto; }

.content { background-color:#fff; padding:50px; }

@media (max-width: 1550px) {
    #header-home { min-height:88vh; }
    #header-homeoverlay { min-height:88vh; }
    a.button { margin:10px 0 20px 0; }
    .footer { height:12vh; }
}

@media (max-width: 900px) {
    .home-top h1 { font-size:2.2rem; line-height:4rem; }
    .home-bottom { position:relative; bottom:0; margin-top:20px; }
    .home-bottom p { font-size:1.5rem; }
    .container-fluid { padding:0 15px 0 15px; margin:0; }
    a.button { display:inline-block; min-width:auto; max-width:220px; min-width:220px; }
    .home-bottom .img-responsive { max-width:220px; width:220px; }
    .logo-wrapper, .text-wrapper { margin-top:30px; }
}

/* xsm */
@media (max-width: 441px) {
    .home-middle { margin-top:30px; }
    .home-bottom p { font-size:1.5rem; }
    .home-bottom { position:relative; bottom:0; margin:20px 0 20px 0; }
    .container-fluid { padding:0 15px 0 15px; margin:0; }
    a.button { display:inline-block; min-width:auto; max-width:220px; min-width:220px; margin:30px 0 30px 0; }
    .home-bottom .img-responsive { max-width:220px; width:220px; }    
    .logo { max-width:200px; height:auto; }
    .logo-wrapper, .text-wrapper, .button-wrapper { text-align:left; }    
    .logo-wrapper, .text-wrapper { margin-top:30px; }
    .button-wrapper { text-align:center; float:none; margin:0 auto 30px auto; }
    .home-bottom .img-responsive { margin:0 auto 0 auto; }
    .footer { height:auto; }
}