gistfile1.css

/*
*  WEIGHT WATCHERS 
*/

/*= Header / topbar */
.topbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, .99);
    border-bottom: 4px solid rgb(239, 239, 239);
    width: 100%;
    height: 54px;
    position: fixed;
    top: 0;
    z-index: 2;
}
.topbar-wrp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 940px;
    margin: 0 auto;
    padding: 0;
}
.topbar-wrp-mobile {
    display: none;
}
.topbar-wrp h1 {
    margin: 0;
    font-size: inherit;
    line-height: 50px;
}
.topbar-wrp .mid-side {
    margin: 0 180px 0 200px;
}
.topbar-wrp .auth {
    line-height: 50px;
}
.topbar-wrp .auth a {
    text-decoration: none;
    display: inline-block;
}
.topbar-wrp .auth .login {
    font-family: 'WWText';
    color: #333;
    font-size: 13px;
    font-weight: 700;
}
.topbar-wrp .auth .login:hover {
    border-bottom: 4px solid #369ccb;
}
.topbar-wrp .auth .join {
    font-family: 'WWText';
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 33px 5px 34px;
    margin: 0;
}
.topbar-wrp .auth a:first-child {
    margin-right: 33px;
}

/*= menu button  */
.menu-show {
    display: none;
}

/*= sections */
.nav-wrp,
.nav-bar {
    height: 54px;
}
.nav-bar .nav-menu,
.nav-bar .nav-menu a,
.nav-bar .nav-menu li {
    font-family: 'WWText';
    color: #333333;
    font-size: 13px;
    font-weight: 700;
    line-height: 50px;
}
.nav-bar .nav-menu li {
    padding: 0 12px;
}
.nav-bar .nav-menu a:hover {
    border-bottom: 4px solid #369ccb;
}

/*= Footer */
.ftr {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: rgb(242, 242, 242);
    padding: 0 0 53px;
}
.ftr-wrp {
    max-width: 940px;
    margin: 0 auto;
}
.ftr .links {
    text-align: center;
    padding: 33px 30px 34px;
    border-bottom: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.ftr .links > ul:first-child {
    margin: 0;
}
.ftr .links > ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 7%;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
.ftr .links > ul:first-child {
    margin: 0;
}
.ftr .links > ul:before {
    content: attr(data-title);
    font-family: 'WWText';
    color:  #333333;
    font-size: 14px;
    font-weight: 500;
}
.ftr .links > ul li:first-child {
    margin-top: 10px;
}
.ftr .links > ul a {
    font-family: 'WWText';
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.ftr .links > ul a:hover {
    color: #111;
}
.ftr .keep-in-touch input {
    font-family: 'WWText';
    color: #999;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px 9px;
    max-width: 250px;
}
.ftr .keep-in-touch button {
    color: #fff;
    font-family: 'WWText';
    font-size: 24px;
    line-height: 39px;
    padding: 0 16px;
    margin: 0;
}
.links .social {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.social li {
    display: inline-block;
    margin: 0 0 0 10px
}
.social li:first-child {
    margin: 0 0 10px 0;
}
.social li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #666;
}
.social li a img {
    margin: -2px;
}
.social li a.fb-kit {
    background-color: rgb(59,89,153);
    background-color: rgba(59,89,153, .6);
}
.social li a.fb-kit:hover {
    background-color: rgba(59,89,153, 1);
}
.social li a.tw-kit {
    background-color: rgb(85,172,238);
    background-color: rgba(85,172,238, .6);
}
.social li a.tw-kit:hover {
    background-color: rgba(85,172,238, 1);
}
.social li a.pi-kit {
    background-color: rgb(203,32,39);
    background-color: rgba(203,32,39, .6);
}
.social li a.pi-kit:hover {
    background-color: rgba(203,32,39, 1);
}
.social li a.yt-kit {
    background-color: rgb(223, 40, 38);
    background-color: rgba(223, 40, 38, .6);
}
.social li a.yt-kit:hover {
    background-color: rgba(223,40,38, 1);
}
.social li a.ig-kit {
    background-color: rgb(81,127,164);
    background-color: rgba(81,127,164, .6);
}
.social li a.ig-kit:hover {
    background-color: rgba(81,127,164, 1);
}

.ftr .privacy {
    text-align: center;
}
.ftr .privacy ul {
    margin: 45px 0 27px;
    padding: 0;
    list-style-type: none;
}
.privacy ul li:first-child {
    margin: 0;
}
.privacy ul li {
    display: inline-block;
    margin: 0 0 0 15px;
}
.privacy ul li a {
    font-family: 'WWText';
    color: #666;
    font-size: 14px;
    font-weight: 300;
}
.privacy ul li a:hover {
    color: #333;
}
.privacy p {
    font-family: 'WWText';
    color: #999;
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 2px 0;
}
.ftr .truste {
    text-align: center;
    padding: 33px 0 0;
}