// Variables overwritten by theme options
$ddwidth: 200px !default;

// Page layout
$pagewidth: 1270px !default;			$fx_pagewidth: $pagewidth !default;
$pagewidth_bp: $pagewidth + 30;

$logoh: 48px !default;
$logohsm: 38px !default;

// Additional font size
$fs1: 1.5 !default;
$fs2: 2 !default;

// Fonts
$ffgeneral: Roboto !default;
$fsbase: 15px !default;
$fsbase2: 17px !default;
$fsbase3: 19px !default;
$fsgeneral: 1rem;

$lhtime: 1.56;
$lhgeneral: $lhtime;

// Different size of fonts
$fssmall: 			.85rem !default;
$fssmall_lh: 		1.44 !default;

$fsxsmall: 			.76rem !default;
$fsxsmall_lh: 		$fsxsmall * $lhtime !default;

$fsbig: 			1.25rem !default;
$fsbig_lh: 			$fsbig * $lhtime !default;

$fxsbig: 			1.4rem !default;
$fxsbig_lh: 		$fxsbig * $lhtime * 0.95 !default;


// General fonts
$fwlight: 300 !default;
$fwnormal: 400 !default;
$fwmedium: 500 !default;
$fwsemibold: 600 !default;
$fwbold: 700 !default;
$fwgeneral3: $fwnormal !default;

// Headings
$lhheadings: 1.125;
$ffheadings: 0 !default;		        $fsheading1: 2.34rem !default;	$fsheading4: 1.4rem !default;
$fsheading2: 1.97rem !default;	        $fsheading5: 1.3rem !default;
$fsheading3: 1.67rem !default;	        $fsheading6: 1.15rem !default;
$headingscolor: #242027 !default;
$fwheadings3: $fwsemibold !default;

// Transparent header
$headerbgcolor: #001d62 !default;
$headerbgcolor2: #204c96 !default;
$headerlbgcolor: #f4f7f8 !default;
$headerlbgcolor2: #d6e4e5 !default;

// Main menu fonts
$ffmenu: 0 !default;		$fsmenu: 1rem !default;			$fwmenu3: $fwmedium !default;		$ttmenu: none !default;
$ffddmenu: 0 !default;		$fsddmenu2: 1rem !default;		$fwddmenu3: inherit !default;		$ttddmenu: none !default;
$menuh: 53px !default;

// Accent colors
$accent1: #005eb8 !default;		$accent2: #27323a !default;		$accent3: #faa307 !default;

// Main header color
$mhbgcolor: #041336 !default;       $tbbgcolor: #1f2a44 !default;
$mhbgcolorl: #f0f5f7 !default;      $tbbgcolorl: #ebf0f2 !default;

// Links
$linkcolor: #0083fa !default; 	$linkhcolor: #00529e !default;

// Buttons color
$btncolor: #005eb8 !default; 	$btnprimarycolor: #005eb8 !default;   $btnsecondarycolor: #4c6272 !default;
$btninversecolor: #2a373f !default;

// Text color
$textcolor: #4f4c51 !default;						    $textcolor_lighten: #a6a2a9 !default;
$textcolorondark: #909699 !default;


// Page background
$pbgcolor: transparent !default;		$pbgrepeat: no-repeat !default;			$pbgpos: center center !default;
$pbgattach: scroll !default;			$pbgsize: cover !default;


// Login page background
$loginbgcolor: rgba(0,0,0,0) !default;



// Before content style
$bcbgcolor: transparent !default;		$bcbgrepeat: no-repeat !default;			$bcbgpos: center center !default;
$bcbgattach: scroll !default;			$bcbgsize: cover !default;



// After content style
$acbgcolor: transparent !default;		$acbgrepeat: no-repeat !default;			$acbgpos: center center !default;
$acbgattach: scroll !default;			$acbgsize: cover !default;



// After slider style
$asbgcolor: transparent !default;		$asbgrepeat: no-repeat !default;			$asbgpos: center center !default;
$asbgattach: scroll !default;			$asbgsize: cover !default;


// Loading screen
$loadingscrbg: rgba(255,255,255,.95) !default;


// Calendar colors
$color_event_user: #CCFFCC !default;
$color_event_global: #99CCFF !default;
$color_event_course: #FFCC99 !default;
$color_event_group: #FFCCCC !default;
$color_event_category: #c3d0ff !default;


$color_border: rgba(0,0,0,.1) !default;
$color_gray1: #cccccc !default;
$color_gray2: #f4f4f4 !default;
$color_gray3: #e8e8e8 !default;
$color_bg_ph: rgba(31, 31, 31, .5) !default;
$color_default: desaturate(lighten($accent1, 41%), 20%) !default;
$color_success: #25a18e !default;
$color_warning: #ff7000 !default;
$color_danger: #eb455f !default;
$color_info: #005eb8 !default;
$color_box_border: #e3e3e3 !default;
$color_box_bg: #fcfcfc !default;
$color_block_heading_bg: #fff !default;
$color_highlight: #F0FF42 !default;

// scss-docs-start theme-colors-map
$theme_colors: (
  "primary":    $btnprimarycolor,
  "secondary":  $btnsecondarycolor,
  "success":    $color_success,
  "info":       $color_info,
  "warning":    $color_warning,
  "danger":     $color_danger,
  "light":      #fff,
  "dark":       $btninversecolor,
  "inverse":    $btninversecolor
) !default;

// Course activities colors
$ccolor_content: #3f37c9 !default;
$ccolor_assessment: #c9184a !default;
$ccolor_collaboration: #ff4800 !default;
$ccolor_communication: #157a6e !default;
$ccolor_administration: #1c3041 !default;


$brand-success: $color_success !default;
$brand-info: $color_info !default;
$brand-warning: $color_warning !default;
$brand-danger: $color_danger !default;

// Screens sizes
$wsmalldevice: 576px;
$wxsmalldevice: 480px;
$wmediumdevice: 768px;
$wdsmalldevice: 860px;
$wdmediumdevice: 991px;
$wdlargedevice: 1200px;
$wdlargedevice2: 1100px;
$tgsdbbp: 1280px;

// Footer
$partnerlogoh: 46px !default;


// Social icons colors

$color_android: #a4c639;			$color_dribbble: #ea4c89;			$color_dropbox: #7b8994;			   $color_facebook: #3b5998;
$color_flickr: #0063dc;			$color_github: #4078c0;		    $color_google: #4285F4;			   $color_instagram: #c13584;
$color_linkedin: #0077b5;			$color_pinterest: #bd081c;			$color_rss: #f26522;				   $color_skype: #00aff0;
$color_tumblr: #35465c;			$color_twitter: #000000;		    $color_vimeo: #1ab7ea;				   $color_xing: #026466;
$color_youtube: #cd201f;           $color_vk: #45668e;                $color_whatsapp: #25d366;             $color_apple: #666666;
$color_email: $color_info;           $color_web: #457B9D;               $color_microsoft: #2f2f2f;            $color_nextcloud: #2a2a36;
$color_openid: #f78c40;            $color_nextcloud: #0082c9;         $color_h5p: #d09;                     $color_telegram: #0088cc;
$color_spotify: #1DB954;           $color_tiktok: #ff0050;

// Bootstrap vars
$blue: $color_info;