/* Footer */

.footer-newsletter{padding: 30px 0; background: $lightgrey;}

.breadcrumbs{font-family: $title; font-size: 10px; background: $darkblack; color: $white; padding: 8px 0; text-transform: uppercase;
    a{color: $turquoise !important;
        &:hover{text-decoration: underline;}
    }
}


#footer{position: relative; background: $black; position: relative; overflow: hidden; font-size: 13px; font-weight: 700;

    .footer-cta{
        &-inner{padding: 30px 0; border-bottom: 1px solid rgba($white,0.2);}
        .footer-logo{
            img{height: 70px; width: auto;}
        }
        &-right{text-align: right; display: flex; align-items: center; justify-content: flex-end;
            h5{margin: 0 30px 0 0;}
        }

    }

    .footer-main{ padding: 40px 0;

        .footer-col{
            h5{font-size: 15px; color: $turquoise;}
        }

        ul{margin: 0 0 30px; font-size: 12px;
            li{margin: 0 0 10px;
                a{ color: $white;
                    &:hover{color: $turquoise;}
                }
            }
            ul{display: none;}
        }

        .footer-contact{ text-align: right; font-family: $title;
            h6{
                span{color: $turquoise;}
            }
            p{line-height: 1.3; font-size: 120%;}
        }

        .social-icons{text-align: right;}
        .social-icon{color: $white; border-color: $darkblack; margin: 0 0 10px 12px;
            &:hover{background-color: $darkblack;}
        }

    }

    .copyright{padding: 30px 0; font-size: 12px; background: $darkblack;
        &-left{
            p{display: inline-block; margin-right:40px;}
            ul{display: inline-block;
                li{display: inline-block; margin-right:20px;
                    a{
                        &:hover{color: $turquoise;}
                    }
                }
            }
        }
        &-right{text-align: right;}
        p{margin-bottom:0;}
    }

    .siteby{display:inline-block; margin:0;
        a{padding-right:55px; height:20px; display:block; color:$white; text-decoration: none; background:url(https://www.limely.co.uk/images/logos/logo-light.png) 100% 50% no-repeat; background-size:auto 9px;
            &:hover{text-decoration:none; color: $limelygreen;}
            span{display:none;}
        }
    }

}