// need to override just one or two small stylistic things and don't want to edit the main .less files?  Add those overrides here
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic,greek,latin-ext,vietnamese');

@import "custom/mixins/theme";
@import "custom/light-theme";
@import "custom/dark-theme";

@include theme("theme-light", $light-theme);
@include theme("theme-dark", $dark-theme);

#content {
    padding: 10px 14px;

    .amp & {
        padding: $custom-content-padding;
        padding-top: $custom-ribbon-height + 5px;

        @include on-sm {
            padding-top: $custom-content-padding;
        }
    }
}

.fixed-header {
    &.amp {
        #main {
            margin-top: 72px;
        }

        #content {
            padding-top: 4px;
        }
    }
}