/* light theme*/
html {
	--theme-switch-icon-color: var(--links);
	--mainbg:#f3f3f3;
	--mainbg2:rgb(230 233 233 / 100%);
	--header:#b2c1d3;
	--headerbg: linear-gradient(8deg, rgb(133 154 167) 0%, rgb(0 0 0 / 21%) 100%);
	--autumn:#dd935e;
	--spring:#acb563;
	--winter:#1064ad;
	--summer:#7ecb7d;
	--text:#000;
	--links:#45598f;
	--lightf:#777;
	--link:#333;
	--red:#ff0000;
	--shadow: 0px 0px 0px #333;
	--icgrad:linear-gradient(45deg, rgb(209 209 209 / 64%) 25%, rgb(202 218 221 / 0%) 100%);
	--subforum:linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(32,50,74,0.45) 100%);
	--opa: rgb(255 255 255 / 54%);
	--opa2:rgb(130 130 137 / 54%);
	--online:#02ff00;
	--whbacker: linear-gradient(180deg, rgb(227 227 227 / 74%) 5%, rgb(227 227 227 / 91%) 100%);
	--opamobile: linear-gradient(0deg, rgba(255,255,255,0.80) 38%, rgba(255,255,255,0.60) 72%);
	--bg2: rgb(130 130 137 / 54%);
	--headerc:#455452;
	--border:linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgb(58 58 80) 50%, rgba(252, 176, 69, 0) 100%);
	--lp:#fff;
	--scroll:rgb(230 233 233 / 81%);
	--scrollb:#455452;
	--staff:#545a7a;
	--pack1:#d97a36;
	--pack2:#6dbb7a;
	--pack3:#865dbd;
	--loner:#294d6b;
	--ooc:#b59258;
	--aa:#181723;
}

html[data-theme="dark"] {
	--bodybg:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--opa: hsl(218.77deg 33.72% 11.78% / 70%);
	--mainbg:#1a2630;
	--mainbg2:#1f2a3b;
	--headerbg: linear-gradient(8deg, rgb(38 41 50) 0%, rgb(0 0 0 / 21%) 100%);
	--scroll:rgb(33 39 46 / 90%);
	--header:#171f2c;
	--links:#9da2b5;
	--link:#9da2b5;
	--text:#9da2b5;
	--linkh:#d3a85a;
	--staff:#d3a85a;
	--pack1:#d97a36;
	--pack2:#6dbb7a;
	--pack3:#865dbd;
	--loner:#779bb9;
	--ooc:#bbb2a3;
	--aa:#9da2b5;
	--border:linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgb(58 58 80) 50%, rgba(252, 176, 69, 0) 100%);
	--icgrad: linear-gradient(45deg, rgb(50 49 54 / 64%) 25%, rgb(202 218 221 / 0%) 100%);
	--opa2:hsl(218.77deg 33.72% 11.78% / 31%);
	--bg2:rgb(81 81 98 / 54%);
	--online:#02ff00;
	
	--theme-switch-icon-color: var(--links);
	--mainf: "Inter", sans-serif;
	--autumn:#dd935e;
	--spring:#acb563;
	--winter:#1064ad;
	--summer:#7ecb7d;
	--lightf:#777;
	--red:#ff0000;
	--shadow: 0px 0px 0px #333;
	--subforum:linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(32,50,74,0.45) 100%);
	--whbacker: linear-gradient(180deg, rgb(227 227 227 / 74%) 5%, rgb(227 227 227 / 91%) 100%);
	--opamobile: linear-gradient(0deg, rgba(255,255,255,0.80) 38%, rgba(255,255,255,0.60) 72%);
	--headerc:#455452;
	--lp:#fff;
	--scrollb:#455452;
}

:root {
	--bodybg:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--map:url(/images/lands/savareth.jpg);
	--mainf: "Inter", sans-serif;
	--playf:"Playfair Display", serif;
	
	
	/*IC FORUM BACKGROUNDS */ 
	/*OOC AREAS*/
	--land_1:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_2:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_3:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_4:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_26:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_27:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_28:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_29:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_30:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	--land_31:50% 50% / cover no-repeat url(/images/frac-banner.jpg);
	
	/*REGION*/
	--region_5:50% 50% / cover no-repeat url(/images/lands/northern.png);
	--region_12:50% 50% / cover no-repeat url(/images/lands/western.png);
	--region_19:50% 50% / cover no-repeat url(/images/lands/southern.png);
	--region_32:50% 50% / cover no-repeat url(/images/lands/neutral.png);
	
	--land_5:50% 50% / cover no-repeat url(/images/lands/northern.png);
	--land_12:50% 50% / cover no-repeat url(/images/lands/western.png);
	--land_19:50% 50% / cover no-repeat url(/images/lands/southern.png);
	--land_32:50% 80% / cover no-repeat url(/images/lands/neutral.png);
	/*NORTHERN */ 
	--land_6:50% 25% / cover no-repeat url(/images/lands/blackpines.jpg); /*black pines*/
	--land_7:50% 50% / cover no-repeat url(/images/lands/mother.jpg); /*mother's*/
	--land_8:50% 50% / cover no-repeat url(/images/lands/grasslands.jpg); /*grasslands*/
	--land_9:50% 50% / cover no-repeat url(/images/lands/hiddenvale.jpg); /*hidden vale*/
	--land_10:50% 45% / cover no-repeat url(/images/lands/rockspire.jpg); /*rock spire*/
	--land_11:50% 50% / cover no-repeat url(/images/lands/meridian.jpg); /*meridian*/
	
	/*SOUTHERN */ 
	--land_13:50% 50% / cover no-repeat url(/images/lands/lostwoods.jpg); /*lost*/
	--land_14:50% 50% / cover no-repeat url(/images/lands/fairy.jpg); /*fairy*/
	--land_15:50% 50% / cover no-repeat url(/images/lands/caldera.jpg); /*caldera*/
	--land_16:50% 50% / cover no-repeat url(/images/lands/treachers.jpg); /*treachers*/
	--land_17:50% 50% / cover no-repeat url(/images/lands/starfall.jpg); /*starfall*/
	--land_18:50% 23% / cover no-repeat url(/images/lands/blackwater.jpg); /*blackwater*/

	/*WESTERN */ 
	--land_20:50% 50% / cover no-repeat url(/images/lands/deadlands.jpg); /*deadlands*/
	--land_21:50% 50% / cover no-repeat url(/images/lands/misery.jpg); /*misery*/
	--land_22:50% 50% / cover no-repeat url(/images/lands/dragonblood.jpg); /*dragonblood*/
	--land_23:50% 50% / cover no-repeat url(/images/lands/arizona.jpg); /*canyon*/
	--land_24:50% 95% / cover no-repeat url(/images/lands/oasis.jpg); /*mountain*/
	--land_25:50% 50% / cover no-repeat url(/images/lands/forsaken.jpg); /*forsaken*/
}

/*USERGROUPS VARIABLES*/

.staff {
	color:var(--staff);
	font-family:var(--mainf);
	font-weight:bold;
	text-transform:uppercase;
}
.pack1 {
	color:var(--pack1);
}
.pack2 {
	color:var(--pack2);
}
.pack3 {
	color:var(--pack3);
}
.loner {
	color:var(--loner);
	font-family:var(--playf);
}
.ooc {
	color:var(--ooc);
}

.aa {
	color:var(--aa);
	font-weight:400;
	font-family:var(--mainf);
}

/*REGION LAND VARIABLES*/

.region_5 {
	background:var(--region_5);
}
.region_12 {
	background:var(--region_12);
}
.region_19 {
	background:var(--region_19);
}
.region_32 {
	background:var(--region_32);
}

/*NORTHERN LANDS VARIABLE LINK */

.land_6 {
	background:var(--land_6);
}
.land_7 {
	background:var(--land_7);
}
.land_8 {
	background:var(--land_8);
}
.land_9 {
	background:var(--land_9);
}
.land_10 {
	background:var(--land_10);
}
.land_11 {
	background:var(--land_11);
}

/*SOUTHERN LANDS VARIABLE LINK */

.land_13 {
	background:var(--land_13);
}
.land_14 {
	background:var(--land_14);
}
.land_15 {
	background:var(--land_15);
}
.land_16 {
	background:var(--land_16);
	background-position:50% 30% !important;
}
.land_17 {
	background:var(--land_17);
}
.land_18 {
	background:var(--land_18);
}

/*WESTERN LANDS VARIABLE LINK */

.land_20 {
	background:var(--land_20);
}
.land_21 {
	background:var(--land_21);
}
.land_22 {
	background:var(--land_22);
}
.land_23 {
	background:var(--land_23);
}
.land_24 {
	background:var(--land_24);
}
.land_25 {
	background:var(--land_25);
}


a:link {
	color: var(--link);
	text-decoration: none;
	font-weight:bold;
	font-family: var(--mainf);
}

a:visited {
	color: var(--link);
	text-decoration: none;
}

a:hover {
	color: var(--linkh);
	transition:0.2s ease-in;
	text-decoration: none;
}

h1 {
	font-family:inter;
}

.bam_about .bam-updates {
	display:none;
}

.bam_updates .bam-about {
	display:none;
}

/* width */
::-webkit-scrollbar {
  background: var(--mainbg2);
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--header); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--mainbg2); 
}

@import url(https://fonts.cdnfonts.com/css/gloock-2);

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

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

@font-face {
	font-family: inter-reg;
	src: url(../../../fonts/Inter-Regular.ttf);
}

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

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

.apb {
	color: var(--text);
    background: var(--mainbg);
	border-radius:5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 8px;
    margin: 15px;
    font-size: 13px;
}