@import url('typography.css');

body,
html {
    min-height:100%;
    min-width:100%;
    position:relative;
    background:#FFF;
}

@media (min-width: 1200px) {
    .container {
        max-width:1030px;
    }
}


.bg-primary {
    background-color:#ED1A23 !important;
}

.btn {
    box-shadow:none !important;
}
.btn-lg {
    padding: .35rem 1rem;
}
.btn-primary {
    background-color:#ED1A23 !important;
    border-color:#ED1A23 !important;
    border-radius:0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color:#B00C13 !important;
    border-color:#B00C13 !important;
}

.features {
}
.features ul,
.features li {
    margin:0;
    padding:0;
}
.features ul.bed-and-bath,
.features ul.bed-and-bath li {
    margin:0;
    padding:0;
    list-style:none;
}
.features ul {
}
.features ul li {
    margin-bottom:2px;
}
.features ul:not(.bed-and-bath) li {
    margin-left:20px;
}
.features ul.bed-and-bath li.bedrooms,
.features ul.bed-and-bath li.bathrooms {
    line-height:34px;
    padding-left:56px;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:contain;
    white-space:nowrap;
}
.features ul.bed-and-bath li.bedrooms {
    background-image:url('../images/icon-bed.png');
}
.features ul.bed-and-bath li.bathrooms {
    background-image:url('../images/icon-bath.png');
}

.property-cover {
    position:relative;
}
.property-cover .status-text {
    display:block;
    position:absolute;
    padding:2px 7px;
    z-index:1;
    background:#ED1A23;
    font-family:'Myriad Pro Semibold';
    text-transform:uppercase;
    border-radius:0 10px 0 0;
    bottom:0;
    left:0;
}
.property-images a:hover {
    opacity:0.9;
}
.property-images .additional-images {
    padding:5px 0;
    margin:0 -5px;
    overflow:hidden;
}
.property-images .additional-images a {
    padding:5px;
    display:block;
    float:left;
    width:33.333%;
}
.property-images .additional-images a img {
}

.property-call-text {
}
.property-call-text span,
.property-call-text a {
    padding:8px 0;
    font-size:1.4rem;
    color:#FFF;
    text-align:center;
    margin-bottom:5px;
    font-family: 'Caveat Brush', cursive;
}
.property-call-text a:hover {
    background-color:#B00C13 !important;
    text-decoration:none;
}
@media (min-width: 440px) and (max-width: 767px) {
    .property-call-text span,
    .property-call-text a {
        font-size:1.8rem;
    }
}
@media (min-width: 768px) {
    .property-call-text span,
    .property-call-text a {
        font-size:1.3rem;
    }
}
@media (min-width: 992px) {
    .property-call-text span,
    .property-call-text a {
        font-size:1.8rem;
    }
}
@media (min-width: 1200px) {
    .property-call-text span,
    .property-call-text a {
        font-size:2.05rem;
    }
}

#home-property-search {
    background:#E4E4E4;
    margin:0 -30px;
    padding:40px 30px;
}
#home-property-search .items {
    width:100%;
    background:#DDD;
    margin:0 -5px;
    flex-flow:row wrap;
    display:flex;
    align-items:center;
}
#home-property-search .items a {
    min-height:40px;
    color:#FFF;
    font-family: 'Caveat Brush', cursive;
    text-align:center;
    padding:15px 10px;
    font-size:1.8rem;
    line-height:0.9em;
    flex-grow:1;
    margin:5px;
    align-content:center;
    justify-content:space-around;
    display:flex;
    min-width:90px;
}
#home-property-search .items a:hover {
    opacity:0.8;
    text-decoration:none;
}
@media (min-width: 992px) {
    #home-property-search .items a {
        font-size:2.1rem;
    }
}
.coloured-list .items a,
.coloured-list .items a.item-1 {
    background:#C57E0D;
}
.coloured-list .items a.item-2 {
    background:#3C478C;
}
.coloured-list .items a.item-3 {
    background:#239B81;
}
.coloured-list .items a.item-4 {
    background:#573C8C;
}
.coloured-list .items a.item-5 {
    background:#DDAC3E;
}
.coloured-list .items a.item-6 {
    background:#3D95BC;
}
.coloured-list .items a.item-7 {
    background:#C43F4C;
}
.coloured-list .items a.item-8 {
    background:#6C9046;
}
.coloured-list .items a.item-9 {
    background:#C43F72;
}

.coloured-list.coloured-list-alt ul,
.coloured-list.coloured-list-alt ul li {
    border-width:0;
    border-color:#FFF;
    border-style:solid;
}
.coloured-list.coloured-list-alt ul {
    border-width:1px 1px 0;
}
.coloured-list.coloured-list-alt ul li {
    border-bottom:1px solid #FFF;
}
.coloured-list.coloured-list-alt .items a,
.coloured-list.coloured-list-alt .items a.item-1 {
    background:#C57E0D;
    border:none !important;
}
.coloured-list.coloured-list-alt .items a.item-2 {
    background:#239B81;
}
.coloured-list.coloured-list-alt .items a.item-3 {
    background:#573C8C;
}
.coloured-list.coloured-list-alt .items a.item-4 {
    background:#DDAC3E;
}
.coloured-list.coloured-list-alt .items a.item-5 {
    background:#3D95BC;
}
.coloured-list.coloured-list-alt .items a.item-6 {
    background:#C43F72;
}



.featured-properties {
    padding:40px 0 0;
}
.featured-properties .property {
}
.featured-properties .property .title-block {
    line-height:1.2em;
}
.featured-properties .property .title {
    font-size:1.4rem;
    line-height:1.2em;
    white-space:nowrap;
    overflow:hidden;
}
.featured-properties .property .price-and-beds {
    font-size:1.1rem;
}
.featured-properties .property .linktext {
    color:#FFF;
    text-align:center;
    font-weight:bold;
    padding:10px 10px;
}
.featured-properties .property a {
    background:#011F72;
}
.featured-properties .property a:hover {
    background:#051646;
    text-decoration:none;
}


.hr hr {
    display:none;
}
.hr {
    height:1px;
    background:#EEE;
    margin:20px 0;
}


form#Form_ContactForm {
    border:1px solid #ECECEC;
    padding:20px;
}


#master {
}

#header {
    background:#CE2929 !important;
}
#header a:hover {
    text-decoration:none;
}
#header #header-tagline {
    font-family:'Avant Garde Book BT';
    color:#011f72;
    font-size:1.3rem;
}
#header-right {
    font-size:1rem;
    font-family:'Avant Garde Book BT';
}
#header-right,
#header-right a {
    color:#FFF;
}
#header-right .label {
    color:#011F72;
    text-transform:uppercase;
}
#header-right .label {
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:32px;
}
#header-telephone-numbers .label {
    background-image:url('../images/icon-telephone.png');
}
#header-email-addresses .label {
    background-image:url('../images/icon-email.png');
}
@media (min-width: 360px) {
    #header #header-tagline {
        font-size:1.6rem;
    }
}
@media (min-width: 400px) {
    #header #header-tagline {
        font-size:1.9rem;
    }
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
    #header-right {
        font-size:1.1rem;
    }
}
@media (min-width: 992px) {
    #header-right {
        font-size:1.4rem;
    }
}
@media (min-width: 1200px) {
}

#navigation-main {
    background:#051646;
}
#navigation-main a {
    text-align:center;
}
#navigation-main a:hover {
    text-decoration:none;
}
#navigation-main .list-table > ul > li {
    min-width:80px;
}
#navigation-main .list-table > ul > li {
    background-color:#011F72;
}
#navigation-main .list-table > ul > li:hover > a {
    background-color:#051646;
}
#navigation-main .list-table > ul > li > a {
    padding:15px 10px;
    font-size:1.1rem;
}
#navigation-main .list-table > ul > li:not(:last-child) a {
    border-right:1px solid #FFF;
}
/* level 2 */
#navigation-main .list-table > ul li.coloured-list ul li {
    background:#FFF;
}
#navigation-main .list-table > ul li ul li a {
    padding:10px 15px;
    font-size:1.2rem;
    text-align:left;
}
#navigation-main .list-table > ul li.coloured-list ul li a {
    padding:10px 30px;
}
#navigation-main .list-table > ul li.coloured-list ul li:hover a {
    opacity:0.8;
}
@media (min-width: 992px) {
    #navigation-main .list-table > ul > li > a {
        padding:18px 10px;
        font-size:1.3rem;
    }
}

.pink-slideshow {
    margin:0 -30px;
    background:#999;
    overflow:hidden;
    display:none;
}
@media (min-width: 576px) {
    .pink-slideshow {
        display:block;
    }
}


#layout {
    background:#FFF;
}
#layout #layout_inner {
    padding:40px 0;
    min-height:400px;
}
#layout #layout_inner.home-page {
    padding-top:0;
    min-height:0;
}
#layout .container {
}
#layout #container_home-page {
    padding-top:40px;
}
@media (min-width: 380px) {
    #layout #layout_wrapper {
        padding:0 15px;
    }
}
@media (min-width: 576px) {
    #layout {
        background:#EFEFEF url('../images/content-bg.jpg') top center no-repeat;
    }
    #layout #layout_wrapper {
        padding:0 30px;
        max-width: 510px;
        margin:0;
        box-shadow:0 0 30px rgba(0,0,0,0.6);
        background:#FFF;
    }
    #layout #layout_wrapper {
        max-width: 1110px;
        margin:0 auto;
    }
}
@media (min-width: 768px) {
    #layout #layout_wrapper {
        max-width: 690px;
    }
}
@media (min-width: 992px) {
    #layout #layout_wrapper {
        max-width: 930px;
    }
}
@media (min-width: 1200px) {
    #layout #layout_wrapper {
        max-width: 1000px;
    }
}


/* footer */
#footer,
#footer a,
#footer-after, 
#footer-after a {
    color:#FFF;
}
#footer {
    background-image:url('../images/footer-bg.jpg');
    background-position:top left;
}
#footer .h6 {
    color:#011F72;
    font-size:1.2rem;
}

#footer-after {
    background:#1C1C1C;
    font-family:'Myriad Pro Semibold';
    font-size:1.1rem;
}
#footer-after .footer-after-contact-label {
    color:#ED1E27;
    font-family:'Myriad Pro Bold';
    text-transform:uppercase;
}
@media (min-width: 576px) {
    #footer-after {
        font-family:'Myriad Pro Semibold';
        font-size:1.2rem;
    }
}




/*==================================================
=            Bootstrap 4 Media Queries             =
==================================================*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
@media (min-width: 576px) and (max-width: 767px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}