/* You can add global styles to this file, and also import other style files */



$font-size-xs: 0.625rem;
$font-size-sm: 1rem;
$font-size-md: 1.25rem;
$font-size-lg: 2.5rem;
$font-size-xl: 6.25rem;


// font weight
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semi-bold: 600;
$font-weight-bold: 700;

$primary:       #E3000E ;
$secondary:     #D2D2D2 ;
$light:         #FFFFFF ;
$dark:          #3A3A39 ;

$border-radius-0: 0;
$border-radius-1: 0.5rem;

// bootstrap font override
$font-family-sans-serif:     Roboto, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ;


/**
customize .form-control
important: total height must be 50(lineheight + padding + border)
**/
$input-border-radius: $border-radius-0;
$input-border-width: 1px;
//$input-border-color: $primary;
// must be without rem
$input-line-height: 2;
$input-padding-y: 8px;

$input-font-size: $font-size-md;

/**
button
important: total height must be 50px (lineheight + padding + border)
 */
$btn-line-height: 2;
$btn-padding-y: 8px;
$btn-font-weight: $font-weight-bold;
$btn-font-size: $font-size-md;
$btn-border-radius: $border-radius-0;


// regular style toast
@import '~ngx-toastr/toastr';
@import "styles/bootstrap-custom";
@import "styles/fonts";
@import "styles/event.themes";
@import "styles/fit-navbar.theme";
html{
  height: 100%;
}

body{
  min-height: 100%;
  height: 100%;
  background: url("~/assets/images/cutlercross-background.jpg");
  background-repeat: repeat;
}