:root {
    --yp-blue: #0678B1;
    --header-height: 73px;
    --footer-height: 176px;
}

#content {
    margin-top: var(--header-height);
    margin-bottom: 0;
    min-height: calc(100vh - (var(--header-height) + var(--footer-height)));
}

#content.login_form .default.cta-login {
    background-color: var(--yp-blue);
}

body {
    background-color: #fff;
}

a {
	color: var(--yp-blue);
}

a.btn.default,
input.btn.default,
button.btn.default {
    background-color: var(--yp-blue);
}

#yp-banner {
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
	background-color: #fff;
	height: var(--header-height);
}

#yp-banner .logo {
    width: 140px;
	height: 48px;
	background-image: url(//i4.ypcdn.com/ypu/images/svgs/yp.svg?ca94614);
}

#yp-footer {
	background: #f7f7f7;
	color: #777;
	border-top: 1px solid #ccc;
    text-align: center;
}