@import config/colors
@import config/home

// widths & Grids
$maxWidth: 1440px
$textMaxWidth: 650px
$referenceMaxWidth: 100%

$contentGrid: 100%/12
$footerSize: 800px

$navigationHeight: 120px

$paddingTextBlock: 75px
$paddingSmallTextBlock: 37.5px

// fonts
$mainFont: 'Source Sans Pro', sans-serif
$textOnDark: $white
$textOnLight: $darkGray

// header
// background-images

$mainBgImage: url('/img/header_image_01.jpg')

// logo
$logoBlockHeight: 120px //120px for landscape logo - 240px for portrait logo
$logoBlockWidth: 300px //300px for landscape logo - 240px for portrait logo
$logoBlockPadding: 10px //10px for landscape logo - 50px for portrait logo

// streamer
$bigStreamerColor: $white
$bigStreamerFontSize: 30px
$bigStreamerLineHeight: 60px

$subStreamerColor: $white
$subStreamerFontSize: 30px
$subStreamerLineHeight: 40px

// navigation
$mainNavLinkColor: $darkGray
$mainNavActiveColor: $primaryColor
$mainNavHoverColor: $primaryColor

// footer
$footerBgColor: $darkGray
$footerTitlesColor: $white
$footerIconsColor: rgba($white, 0.5)
$footerTextColor: $white
$footerLinkColor: lighten($lightBlue, 20%)
$footerHoverLinkColor: $lightBlue
$footerLinesColor: $white