/* GLOBAL*/

:root {
	--color_global: 49, 48, 43; /* use rgb instead of hex to allow for opacity */
	--color_light: #cbcbcb;
	--color_highlight: #788f93;
	--color_link: #7d7d69;
	--color_h1: #eaeef2;
	--color_h2: #70868c;
	--color_h2-highlight: #46555b;
	--color_fade: rgba(var(--color_global), 0.7); /* don't change */
	--color_fade-dark: rgba(0, 0, 0, 0.3); /* don't change */
	--color_fade-light: rgba(255, 255, 255, 0.3); /* don't change */
	--color_seperator-dark: rgba(0, 0, 0, 0.1); /* don't change */
	--color_seperator-light: rgba(255, 255, 255, 0.1); /* don't change */
	--color_warning: #725151;
	--color_yield: #937556;
	--color_go: #6e8054;
	
	--color_admin: #e2e7ea;
	
	--font_global: 0.8em;
	--font_h1: 3em;
	--font_h2: 1.7em;
	--font_h3: 2.2em;
	--font_mini: 0.6em;
	--font_sm: 0.85em;
	--font_med: 0.9em;
	--font_roboto: 'Roboto', sans-serif;
	--font_quote: 'Noto Serif HK', serif;
	--font_heading: 'Acme', sans-serif;
	--font_cursive: 'Rockybilly', cursive;
	
	--bg_nav-sidebar: 32, 33, 34; /* use rgb instead of hex to allow for opacity */
	--bg_sidebar: rgba(var(--bg_nav-sidebar), 0.7);
	--bg_sidebar-mobile: rgba(var(--bg_nav-sidebar), 0.9);
	--bg_nav-start: rgba(var(--bg_nav-sidebar), 0.6);
	--bg_nav-end: rgba(var(--bg_nav-sidebar), 1);
	--bg_main-wrapper: #e2e7ea;
	--bg_wrapper-fade: rgba(226, 231, 234, 0.3); /* same as main-wrapper, but with opacity */
	--bg_nav: rgba(31, 34, 35, 0.3); /* same as sidebar, but with opacity */
	--bg_dark: #414b4e;
	--bg_med: rgba(65, 75, 78, 0.08); /* using bg_dark color with opacity */
	--bg_darkhighlight: #495659;
	--bg_tag: #5d6e73;
	--bg_input: rgba(255, 255, 255, 0.6); /* don't change */
	
	--border_wrapper-blur: 0 0 10px #0c0b09;
	--border_h2: #a9b6bb;
	--border_h3: #57676c;
	--border_separator-dark: 1px solid rgba(0, 0, 0, 0.1); /* don't change */
	--border_separator-light: 1px solid rgba(255, 255, 255, 0.1); /* don't change */
	
	--rounded_sm: 6px;
	
	--spacing_lrg: 2.8em;
	--spacing_med: 2em;
	--spacing_sm: 1.2em;
	--spacing_mini: 1.2em;
	
	--img_bg: url(/images/global/default-bg.png);
	--img_banner: url(/images/global/default-banner.png);
}

	/* DARK THEME */

[data-theme="dark"] {
	--color_global: #e2e7ea;
	--color_fade-dark: rgba(255, 255, 255, 0.3); /* don't change */
	
	--bg_main-wrapper: #4f5d61;
	--bg_med: #465255;
	
	--border_separator-dark: 1px solid rgba(255, 255, 255, 0.1); /* don't change */
}

	/* FACTIONS */

div[id='Freehunter'] .post-faction::before {
	content: "\f702";	
	color: var(--bg_tag, inherit);
    opacity: var(--fa-secondary-opacity, 0.4);
}
div[id='Freehunter'] .post-faction::after {
    content: "\f702\f702";
	color: var(--bg_tag, inherit);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1.0);
}
div[id='Croix Noire'] .post-faction::before {
	content: "\e051";	
	color: var(--bg_tag, inherit);
    opacity: var(--fa-secondary-opacity, 0.4);
	font-size: 4.2em;
}
div[id='Croix Noire'] .post-faction::after {
    content: "\e051\e051";
	color: var(--bg_tag, inherit);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1.0);
	font-size: 4.2em;
}

	/* FONTS */

@font-face {
  font-family: Rockybilly;
  src: url(/fonts/Rockybilly.ttf);
}

	/* DESKTOP ADJUST */

@media only screen and (min-width: 1050px) {
	
	:root {
		--font_global: 0.7em;
		--font_h1: 5.5em;
		--spacing_lrg: 50px;
		--spacing_mid: 35px;
		--spacing_sm: 25px;
	}
	
		/* LARGE FONT */
	
	[data-font="large"] {
		--font_global: 0.75em;
	}
	
}