@import "base/fonts.sass"
@import "base/colors.sass"
@import "common/parts"

body
  font-size: 11pt
  font-family: Arial-MT-Regular, Arial, sans-serif

.main-scope
  > .row
    border-right: 1px solid #CFCFCF
    border-left: 1px solid #CFCFCF

.main-content
  padding: 43px 25px 40px 25px

.title-scope
  line-height: 36px
  padding: 0 100px
  text-align: center
  width: 100%
  h1
    font:
      family: 'pfbeausanspro-thin', sans-serif
      size: 36px
      style: normal
      variant-ligatures: normal
      variant-caps: normal
      variant-numeric: normal
      weight: normal
      stretch: normal
    letter-spacing: 2px

.vertical-child
  margin-top: 30px

.header
  @extend %header
  max-width: 100%

//  TODO: move to modules/_mods.sass
.mod-align-bottom
  display: flex
  //-ms-flex-align: center
  //-webkit-align-items: center
  //-webkit-box-align: center
  align-items: flex-end

.mod-align-center
  display: flex
  //-ms-flex-align: center
  //-webkit-align-items: center
  //-webkit-box-align: center
  align-items: center

.logical-block
  $pad: 30px
  padding-top: $pad
  padding-bottom: $pad
  margin-top: $pad
  border-top: 1px solid #CFCFCF
  border-bottom: 1px solid #CFCFCF

.select-text
  color: #{map_get($component_colors, select)}