@import "variables";

#intercom-container { display: none; }

html {
	font-size:62.5%;
}

::selection{
	@include themify() {
		background-color: $theme-background;
		color: $theme-color;
	}
}
::-moz-selection {
	@include themify() {
		background-color: $theme-background;
		color: $theme-color;
	}
}

@font-face {
	font-family: "John Fell";
	src: url("../fonts/johnfell.otf");
}

@font-face {
	font-family: "Venus 8";
	src: url("../fonts/venus8.otf");
}

@font-face {
  font-family: Ligne;
  src: url("../fonts/Ligne-MEDIUM.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Ligne;
  src: url("../fonts/Ligne-BOLD.otf");
  font-weight: 700;
  font-style: normal;
}

body {
	overflow: hidden;
	font-size:1.4em;
	line-height:1.5;

	font-family: Ligne, sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: #111;
}

h1 {
	font-family: Ligne, sans-serif;
	font-weight: 700;
	color: $light-grey;
}

h1 ~ p,
h2 ~ p {
	margin-top: 0;
}

.pg-loading-screen {
	background: $green; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDllNGE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwZTI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, $green 0%, #00e28b 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,$green), color-stop(70%,#00e28b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, $green 0%,#00e28b 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, $green 0%,#00e28b 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, $green 0%,#00e28b 70%); /* IE10+ */
	background: linear-gradient(135deg, $green 0%,#00e28b 70%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$green', endColorstr='#00e28b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.pg-loading-html {
	color: $white;
	font-size: 2em;
}

.clearfix {
	*zoom:1;

	&:before, &:after {
		content:"";
		display:table;
	}

	&:after {
		clear:both;
	}
}

svg {
	display: none;

	&.active {
		display: block;
	}
}

a,
a:hover,
a:active,
a:visited {
	color:inherit;
	text-decoration: none;
}

.side-tab-h1 {
	color: $white;
	font-size: 22px !important;
	margin: 0 0 1em 0;
	line-height: 1;
}


.side-tab-h2 {
	border-top: 1px solid $medium-grey;
	padding-top: 0.83em;
}

// Prevent all text selection...
* {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.DraftEditor-root * {
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

// Everybody has border-box sizing
* {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

// ...except where it makes sense
input,
textarea,
[contenteditable] {
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.sidebar {
	position: relative;
	z-index: 2;
	background-color: $dark-grey;
	box-shadow: 4px 0px 6px #aaa;
}

.is-hidden {
	display:none !important;
}

.gm-prevented {
	overflow:auto
}

.settings-menu-toolbox {
	position: absolute;
	z-index: 10000; // react-scrollbar has a z-index at 9999
}

.is-hidden {
	opacity:0;
}

.scrollarea {
	height: 100% !important;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
