@import 'variables';
@import 'mixins';

#my-preferences-page {
    #notice {
        margin-bottom:20px;
        text-align:left;
    }
    .lhs {
        @include width-medium() {
            border-right:1px solid #eee;
            padding-right:30px;
        }
    }
    .rhs {
        @include width-medium() {
            padding-left:30px;
        }
    }
    h2 {
        @include font-size(20, 20);
        font-weight:$bold;
        margin-bottom:15px;
    }
    h3 {
        @include font-size(16, 16);
        font-weight:$bold;
        margin-bottom:10px;
        color:#555;
    }
    label+h3 {
        margin-top:25px;
    }
    p {
        @include font-size(14, 18);
        font-weight:$fw-regular;
        margin-bottom:10px;
        display:inline-block;
        color:#666;
    }

    .settings-section {
        border-bottom:1px solid #ddd;
        padding-bottom:20px;
        margin-bottom:20px;
        &:last-child {
            border-bottom:none;
        }
    }

    label {
        display:block;
        color:#666;
        @include font-size(14, 16);
        margin-bottom:10px;
        overflow:hidden;
        cursor:pointer;
        input {
            float:left;
        }
        span {
            display:block;
            margin-left:20px;
        }
    }

    .pure-button {
        background:$color-2;
        color:#fff;
        margin-top:10px;
        padding:8px 20px;
        display:block;
    }
}
