@charset "utf-8";
/* CSS Document */

:root {
  --bg-page-color:#fcfcfc;
  /*
	--bg-menu-color:#fef5e2;
  --menu-color:#b1352f;
  
  --subtitle-color:#5f2900;
	*/
  --text-color:#333333;
	--title-color:#a39b9c;
	/*
  --button-color:#b1352f;
  --link-color:#b1352f;
  --bg-popup-color:#fef5e2;
  --bg-intro-color:#b1352f;
  --intro-text-color:#ffffff;
  --bg-message-color:#b1352f;
  --bg-message-box-color:#fef5e2;
	*/
  
  --white:#ffffff;
	--black:#000000;
	--red:#ff0000;
  --green:#008000;
  
	--text-font: 'Outfit Thin', sans-serif;
  --title-font: 'Fin Serif Display', serif;
}

html, * {
  margin: 0 !important;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  font-family: var(--text-font);
  font-size: 1.1em;
  color: var(--text-color);
  background-color: var(--bg-page-color);
}

h1 {
	font-family: var(--title-font);
	color: var(--title-color);
}

body.start {
  background-image:url("/uploads/assets/backgrounds/bg-login1.jpg");
  background-size: cover;
}

body.start #wrapper {
  position: absolute;
  top: 0;
  right: 0;
  min-height: 100vh;
  width: 450px;
  background: var(--bg-page-color);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

body.start #content {
  min-height:auto;
  height: 400px;
  width: 100%;
  padding:50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

body.start #content img.logo {
  position: absolute;
  width: 200px;
  top: 20px;
  right: 20px;
}

/*MESSAGE BOX*/
#message {
  display: none;
}