/*
Theme Name: Erris Homes Landing Page Theme
Theme URI: https://www.errishomes.com/
Template: blankslate
Author: Creative Marketing Services
Author URI: https://www.cmsadvertising.co.uk/
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2023.1698142208
Updated: 2023-10-24 10:10:08

*/

/* Global */
body{
    font-family: 'Montserrat', sans-serif;
    color: #535353;
}
h1, h3, h4{
    font-family: 'Cinzel', serif;
    margin-bottom: 15px;
}
h1{
    font-size: 4rem;
}
h2{
    font-size: 3rem;
    margin-bottom: 15px;
}
h3{
    font-size: 2rem;
}
p, ul{
    margin-bottom: 10px;
}
.list{
    list-style: disc;
    padding-left:25px;
}
.list li{
    margin-bottom: 5px;
}
b{
    font-weight: 600;
}
a{
    text-decoration: none !important;
    transition: .3s ease;
}
.white-back{
    background-color: #fff;
}
.white-text, .white-text a{
    color: #fff;
}
.orange-back{
    background-color: #f49034;
}
.orange-text, .orange-text a{
    color: #f49034;
}
.grey-back{
    background-color: #535353;
}
.grey-text, .grey-text a{
    color: #535353;
}
.light-grey-back{
    background-color: #b2b2b2;
}
.light-grey-text, .light-grey-text a{
    color: #b2b2b2;
}
.dark-grey-back{
    background-color: #111111;
}
.dark-grey-text, .dark-grey-text a{
    color: #111111;
}
.padding-v{
    padding-top: calc(15px + 1%);
    padding-bottom: calc(15px + 1%);
}
.padding-h{
    padding-left: calc(15px + 5%);
    padding-right: calc(15px + 5%);
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.btn{
    padding:10px 40px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    text-align: center;
    transition: .3s ease;
    font-weight: bold;
}
.orange-btn{
    background-color: #f49034;
    border: 1px solid #f49034;
    color: #fff;
}
.orange-btn:hover{
    background-color: #fff;
    border: 1px solid #fff;
    color: #f49034;
}
.white-btn{
    background-color: #fff;
    border: 1px solid #fff;
    color: #f49034 !important;
}
.white-btn:hover{
    background-color: #f49034;
    border: 1px solid #fff;
    color: #fff !important;
}
/* Nav */
.nav-top{
    padding:7px;
}
.nav-top p{
    margin-bottom: 0;
}
.nav-top a:hover{
    color: #f49034;
}
.nav-container{
    padding-top: 15px;
    padding-bottom: 15px;
}
.logo{
    max-width: 135px;
}
/* Footer */
.footer a:hover{
    color: #fff;
}
.footer-logo-col h4{
    margin:20px 0 10px;
}
.footer h4{
    font-size: 1.3rem;
    color: #fff;
}
.footer hr{
    max-width: 40px;
    height:3px;
    background-color: #fff;
    opacity: 1;
}
.contact-info li, .footer .links li{
    margin-bottom: 15px;
}
.contact-icon{
    min-width: 22px;
    display: inline-block;
    vertical-align: top;
}
.contact-icon-text{
    display: inline-block;
    width: calc(100% - 30px);
}
#copyright{
    border-top: 1px solid rgba(124, 126, 131, .3);
}
.social-list li{
    display: inline-block;
    margin-left:15px;
}

@media (max-width:995px) {
    .footer .container .row .col-lg-4{
        margin-bottom: 30px;
    }
    .footer .container .row .col-lg-4:last-of-type{
        margin-bottom: 0;
    }
    .socials{
        text-align: left;
    }
    .social-list li{
        margin:10px 15px 0 0;
    }
}

/* Calder Mews landing Page */
.header{
    padding-top: 15vh;
    padding-bottom: 15vh;
}
.header h1{
    font-size: 7rem;
    line-height: .5;
    margin-top: 20px;
    margin-bottom: 40px;
}
.header h1 small{
    font-size: 3rem;
}
.header h2{
    font-size: 2.2rem;
    margin-bottom: 40px;
}
.header h2 small{
    font-size: 1.5rem;
}
textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="textarea"]{
    width:100%;
    padding:10px;
    color: #535353;
    border: 1px solid rgba(124, 126, 131, .5);
    border-radius: 0;
    outline:none;
}
.wpcf7-form-control-wrap, .wpcf7 label{
    display: block;
    margin-bottom: 15px;
}
.wpcf7-list-item{
    margin-left: 0;
}
.wpcf7-submit:hover{
    border-color: #f49034;
}
.wpcf7-response-output{
    text-align: center;
}
.smart-move h2{
    font-family: 'Cinzel', serif;
}
.smart-move .row .col-12 p:last-of-type{
    margin-bottom: 25px;
}

@media (max-width:995px) {
    .header{
        padding-top: 7vh;
        padding-bottom: 7vh;
    }
    .header h1 {
        margin-top: 0;
        font-size: 4rem;
        line-height: 1;
        margin-bottom: 30px;
    }
    .header h1 small {
        font-size: 1.8rem;
        display: block;
        margin-top: 15px;
    }
    .header h2 {
        font-size: 2rem;
    }
    .plot-image{
        margin-bottom: 15px;
    }
    .smart-move h2{
        font-size: 2rem;
    }
}