@import "../../../../../so-widgets-bundle/base/less/mixins";
.widget-function('import_google_font');

@heading_font: default;
@heading_font_weight: bold;

// Column sizes
@top_padding: 100px;
@bottom_padding: 100px;

@tablet_top_padding: 80px;
@tablet_bottom_padding: 80px;
@mobile_top_padding: 50px;
@mobile_bottom_padding: 50px;

@tablet_width: 800px;
@mobile_width: 480px;

.lsow-hero-header {
  padding-top: @top_padding;
  padding-bottom: @bottom_padding;

  @media screen and (max-width: @tablet_width) {
    padding-top: @tablet_top_padding;
    padding-bottom: @tablet_bottom_padding;
    }

  @media screen and (max-width: @mobile_width) {
    padding-top: @mobile_top_padding;
    padding-bottom: @mobile_bottom_padding;
    }

  .lsow-header-content .lsow-heading {
    .font(@heading_font, @heading_font_weight);
    }
  }