/*
Theme Name: Lawyer Landing Page Child
Theme URI: https://sanderson-solutions.co.uk/
Description: A child theme of Lawyer Landing Page
Author: Sanderson Solutions
Author URI: https://sanderson-solutions.co.uk/
Template: lawyer-landing-page
Version: 1.0
*/

/* Import parent styles */
@import url("../lawyer-landing-page/style.css");


/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
img.custom-logo {
    width: 60px;
    position: relative;
    top: -10px;
}
@media only screen and (max-width: 993px) {
    img.custom-logo {
        display:none;
    }
}

.site-header .site-branding .site-title a {
    color: #4770aa;
}

.site-header {
    border-top: 25px solid #82bcdb;
    border-bottom: 25px solid #4770aa;
}

.site-header .header-t .tools .tel-link {
    font-size: 24px;
    font-weight: 600;
    color: #4770aa;
    float: right;
}

.main-navigation {
    margin-top: 65px;
}

.banner .wpcf7-form {
    background: #4770aa;
    text-align: center;
    padding: 31px 35px 24px;
    position: relative;
    color: #fff;
    width: 387px;
    float: right;
}

.banner:before {
    background: none;
}

.banner .text {
    width: 100%;
    color: #4770aa;
    background-color: rgba(255, 255, 255, 0.72);
    padding: 20px;
    border-radius: 25px;
    margin-top: 0;
    border: 3px solid #4770aa;
}



h3 a {
    pointer-events: none;
    cursor: default;
}

.about {
    padding-bottom: 1px;
    border-top: 25px solid #82bcdb;
}

input[type="tel"] {
    background: #f5f5f5;
    color: #000;
    border: 0;
    border-radius: 0;
}

input[type="tel"]:focus {
    color: #111;
}


input[type="tel"] {
    padding: 10px;
    width: 70%;
}

.why-us:before {
    background: rgba(0, 0, 0, 0.4);
}

img.image.wp-image-169.attachment-medium.size-medium {
    width: 100px;
}

section#media_image-3 {
    text-align: center;
}

.site-footer .footer-t {
    padding: 20px 0 20px;
    background: #4770aa;
    height: 110px;
}

.site-footer .footer-b {
    background-color: #82bcdb;
    color: black;
}

section.promotional-block {
    padding-bottom: 10px;
}
.promotional-block {
    background: #4770aa;
}

.mean-container .mean-bar {
    background: #82bcdb;
}

.mean-container .mean-nav {
    background: #4770aa;
}

.banner {
    padding: 15px 0px;
}

.top-bar {
    background: #82bcdb;
}

h1.page-title {
    color: #F1F1F8;
}

#wpcf7-f255-p313-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
#wpcf7-f255-p313-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel, #wpcf7-f255-p313-o1 input.wpcf7-form-control.wpcf7-text, #wpcf7-f255-p313-o1 textarea.wpcf7-form-control.wpcf7-textarea  {
    background-color: #e7edf1;
    border: 2px solid #4770aa;
    border-radius: 5px;
    font: 16px/24px 'Raleway', sans-serif;
    font-weight: bold;
    color: #4d545a;
}

.testimonial #carousel img {
    border: 2px solid #4770aa;
}

.testimonial #slider .slides {
    background: none;
}



/*
Return to top CSS
*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(71, 112, 170);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid #82bcdb;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 14px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgb(130, 188, 219);
    border: 2px solid #4770aa;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/*

*/
.primary-blue {
    color: #4770aa;
}
