/* colour palette */
/* element colours */
/* line 1, app/assets/stylesheets/components/_content.scss */
#content {
  POSITION: relative;
  MARGIN: 1em auto 0 auto;
  MIN-HEIGHT: 39.2vh;
  PADDING: 0;
  TEXT-ALIGN: center;
}

/* line 9, app/assets/stylesheets/components/_content.scss */
#content TABLE {
  DISPLAY: inline-table;
}

/* line 1, app/assets/stylesheets/components/_footer.scss */
#footer_panel {
  BACKGROUND-COLOR: #164b47;
  CLEAR: both;
  COLOR: white;
  FONT-SIZE: calc( 0.15 * ( ( 10vw + 10vh ) / 2 ));
  MARGIN: 0;
  PADDING: 2vh 0;
  TEXT-ALIGN: center;
  WIDTH: 100%;
}

/* line 12, app/assets/stylesheets/components/_footer.scss */
#footer_panel IMG {
  DISPLAY: inline-block;
  HEIGHT: 7vh;
  MAX-HEIGHT: 5vw;
  PADDING-BOTTOM: 0.7vh;
}

/* line 19, app/assets/stylesheets/components/_footer.scss */
#footer_panel IMG.footer_hero {
  HEIGHT: 8vh;
  MAX-HEIGHT: 7.5vw;
}

/* line 24, app/assets/stylesheets/components/_footer.scss */
#footer_panel IMG.social {
  HEIGHT: 4vh;
  MAX-HEIGHT: 4.5vw;
  PADDING: 0.7vh 1vh;
}

/* line 1, app/assets/stylesheets/components/_header.scss */
#top_panel {
  POSITION: -webkit-sticky;
  POSITION: sticky;
  TOP: clamp(-30vw, -11rem, -17vh);
  BACKGROUND-COLOR: white;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: clamp(0.5rem, 80%, 2vw);
  FONT-WEIGHT: 800;
  HEIGHT: clamp(calc(5.3em / 0.25), 30vh, 50vw);
  MARGIN: 0;
  PADDING: 0;
  Z-INDEX: 5;
}

/* line 15, app/assets/stylesheets/components/_header.scss */
#header_panel {
  POSITION: relative;
  BACKGROUND-IMAGE: url(/assets/header_background-f235b8cbc0175c4818831f6edb805e1a8e28f8caccba02271ef50ae1e9118fb9.png);
  BACKGROUND-POSITION: 50% 0%;
  BACKGROUND-SIZE: auto 100%;
  FONT-SIZE: 0;
  HEIGHT: 75%;
  PADDING: 0;
}

/* line 25, app/assets/stylesheets/components/_header.scss */
#header_panel IMG.label_people {
  DISPLAY: block;
  HEIGHT: 100%;
  MARGIN: auto;
  MAX-HEIGHT: 30vw;
}

/* line 32, app/assets/stylesheets/components/_header.scss */
#header_panel A#order_tutorial_link {
  POSITION: absolute;
  BOTTOM: 0.5em;
  LEFT: 0.5em;
  COLOR: #626364;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: clamp(0.5rem, calc( 12px + 0.2vw), 2vw);
}

/* line 1, app/assets/stylesheets/components/_menu.scss */
#menu_panel {
  BACKGROUND-COLOR: #929396;
  HEIGHT: 25%;
  MARGIN: 0;
  PADDING: 0;
  TEXT-ALIGN: center;
}

/* line 9, app/assets/stylesheets/components/_menu.scss */
#menu_panel A {
  DISPLAY: inline-block;
  BORDER: solid 2px white;
  COLOR: white;
  HEIGHT: calc(100% - 1.6em - 4px - 0.9em);
  MARGIN: 0.8em 0 0 0.1vw;
  PADDING-TOP: 0.9em;
  TEXT-DECORATION: none;
  VERTICAL-ALIGN: top;
  WIDTH: clamp(6vw, 8em, calc(13.5vw - 4px));
}

/* line 21, app/assets/stylesheets/components/_menu.scss */
#menu_panel A:first {
  MARGIN-LEFT: 0;
}

/* line 25, app/assets/stylesheets/components/_menu.scss */
#menu_panel A:hover, A.selected, A.menu_button_active {
  BACKGROUND-COLOR: #626364;
}

/* line 29, app/assets/stylesheets/components/_menu.scss */
#menu_panel.admin A {
  DISPLAY: inline-block;
  BORDER: solid 1px white;
  COLOR: white;
  HEIGHT: auto;
  MARGIN: 0.5em 0.2em 0 0.2em;
  PADDING: 0.2em 0.4em;
  TEXT-DECORATION: none;
  VERTICAL-ALIGN: top;
  WIDTH: auto;
}

/* line 1, app/assets/stylesheets/components/_news.scss */
#news_panel {
  FLOAT: right;
  FONT-SIZE: 90%;
  MARGIN: 0 0 1em 0;
  MIN-HEIGHT: calc(25vh - 1em);
  PADDING: 0 10vw 0 1em;
  TEXT-ALIGN: left;
  WIDTH: 30vw;
}

/* line 1, app/assets/stylesheets/components/_social.scss */
#social {
  POSITION: absolute;
  TOP: 0;
  RIGHT: 1vw;
  BACKGROUND-COLOR: #929396;
  COLOR: white;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: calc( ( 14px + 0.2vw ) * 0.8);
  PADDING: 0.5vh;
}

/* line 12, app/assets/stylesheets/components/_social.scss */
#social A {
  DISPLAY: inline-block;
  COLOR: white;
}

/* line 17, app/assets/stylesheets/components/_social.scss */
#social IMG {
  HEIGHT: 2em;
  MARGIN: 0.5vh 0.5vh 0 0.5vh;
}

/* line 1, app/assets/stylesheets/components/_slides.scss */
#slide_panel {
  BACKGROUND-IMAGE: url(/assets/announcements_background-66c9bb5a08d630c9bd1d299418938999e215181ec1550cc2d62dfc0aa55d175b.png);
  BACKGROUND-SIZE: 100% auto;
  MIN-HEIGHT: 33vh;
  MARGIN: 0;
}

/* line 8, app/assets/stylesheets/components/_slides.scss */
#slide {
  DISPLAY: inline-block;
  BACKGROUND-COLOR: rgba(255, 255, 255, 0.8);
  BORDER-RADIUS: 1vh;
  MARGIN: 2vh auto;
  MAX-HEIGHT: 46vh;
  MAX-WIDTH: calc( 100vw - 2em);
  OVERFLOW: hidden;
  PADDING: 3vmin;
}

/* line 19, app/assets/stylesheets/components/_slides.scss */
#slide IMG {
  FLOAT: left;
  WIDTH: 35vw;
}

/* line 24, app/assets/stylesheets/components/_slides.scss */
DIV.slide_copy {
  DISPLAY: inline-block;
  FONT-SIZE: CLAMP(0.8rem, calc(0.9vw + 0.7rem), 2rem);
  MARGIN: 0 2.2vw;
  MAX-WIDTH: 45vw;
  PADDING: 0;
  TEXT-ALIGN: left;
  VERTICAL-ALIGN: top;
  WIDTH: 22em;
  MAX-WIDTH: 75%;
}

/* line 36, app/assets/stylesheets/components/_slides.scss */
DIV.slide_copy H1 {
  MARGIN-TOP: 0;
  PADDING-TOP: 0;
}

/* line 1, app/assets/stylesheets/components/_user_menu.scss */
#menu_user {
  POSITION: absolute;
  RIGHT: 0;
  TOP: 0;
  Z-INDEX: 4;
  BORDER: none;
  PADDING: 0;
}

/* line 10, app/assets/stylesheets/components/_user_menu.scss */
#menu_user > .menu_button,
#menu_user > .menu_button_active,
#menu_user > .logout {
  DISPLAY: inline-block;
  BACKGROUND-COLOR: #929396;
  BORDER: solid 1px white;
  COLOR: white;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: 80%;
  FONT-WEIGHT: 800;
  HEIGHT: calc(80% - 0.9em - 0.9em);
  MARGIN: 0;
  PADDING: 0.3em;
  TEXT-ALIGN: right;
  TEXT-DECORATION: none;
  VERTICAL-ALIGN: top;
  WIDTH: 8em;
}

/* line 29, app/assets/stylesheets/components/_user_menu.scss */
#menu_user > .menu_button:hover,
#menu_user > .menu_button_active:hover,
#menu_user > .logout:hover {
  BACKGROUND-COLOR: #626364;
}

/* line 35, app/assets/stylesheets/components/_user_menu.scss */
#menu_user > .menu_button_active {
  BACKGROUND-COLOR: #626364;
}

/* line 13, app/assets/stylesheets/welcome.scss */
BODY {
  BACKGROUND-COLOR: white;
  FONT-FAMILY: "Scada", sans-serif;
  FONT-SIZE: calc( 14px + 0.2vw);
  MARGIN: 0;
  PADDING: 0;
}

/* line 21, app/assets/stylesheets/welcome.scss */
BODY A,
BODY A:hover,
BODY A:visited {
  COLOR: black;
  TEXT-DECORATION: none;
}

/* line 28, app/assets/stylesheets/welcome.scss */
BODY A:hover {
  TEXT-DECORATION: underline;
}

/* line 32, app/assets/stylesheets/welcome.scss */
#video {
  BORDER: solid 4px black;
  MARGIN: 0 auto;
  WIDTH: clamp(400px, 60vw, calc(100vw - 8px));
}

/* line 38, app/assets/stylesheets/welcome.scss */
VIDEO {
  WIDTH: 100%;
}

/* line 42, app/assets/stylesheets/welcome.scss */
DIV.call {
  BACKGROUND-COLOR: #929396;
  COLOR: #164b47;
  FONT-SIZE: clamp(8px, 3em, 4vw);
  PADDING: 0.5em;
  TEXT-ALIGN: center;
}

/* line 50, app/assets/stylesheets/welcome.scss */
DIV.motto IMG,
DIV.advantages IMG {
  HEIGHT: auto;
  WIDTH: 100vw;
}

/* line 56, app/assets/stylesheets/welcome.scss */
DIV.tag_copy {
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: clamp(10px, 1.8vw, 2rem);
  MARGIN: 0 2.2vw;
  TEXT-ALIGN: left;
  VERTICAL-ALIGN: top;
  WIDTH: clamp(35vh, 25em, 49vw);
}

/* line 65, app/assets/stylesheets/welcome.scss */
DIV.tag_copy A {
  DISPLAY: inline-block;
  BACKGROUND-COLOR: #164b47;
  BORDER-RADIUS: 1em;
  COLOR: #cae3b0;
  LETTER-SPACING: 0.3em;
  MARGIN: 0.5em 0;
  PADDING: 0.5em;
}

/* line 75, app/assets/stylesheets/welcome.scss */
DIV.tag_copy P {
  DISPLAY: inline-block;
  BACKGROUND-COLOR: #fffac2;
  BORDER-RADIUS: 1em;
  LETTER-SPACING: 0.3em;
  MARGIN: 0.5em 0;
  PADDING: 0.5em;
}

/* line 84, app/assets/stylesheets/welcome.scss */
DIV.tag_images {
  DISPLAY: inline-block;
  MARGIN: 0;
  PADDING: 0 0 0 1vw;
  WIDTH: 31vw;
  MIN-WIDTH: 25vh;
  VERTICAL-ALIGN: top;
}

/* line 93, app/assets/stylesheets/welcome.scss */
DIV.tag_info {
  BACKGROUND-IMAGE: url(/assets/tag_banner-2d61b6c5d76423a54886cdc357243d1b50c0b6ba8c1a846d0cd903b7748184d0.png);
  BACKGROUND-POSITION: right top;
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-SIZE: auto 100%;
  BACKGROUND-COLOR: black;
  PADDING: clamp(1vw, 5vh, 3vw) 0;
  TEXT-ALIGN: center;
}

/* line 103, app/assets/stylesheets/welcome.scss */
IMG.jim {
  BORDER: none;
  MARGIN: 0;
  PADDING: 0;
  WIDTH: calc(50% - 1vw);
}

/* line 110, app/assets/stylesheets/welcome.scss */
IMG.slim_jim {
  BORDER: none;
  MARGIN: 0;
  PADDING: 0;
  WIDTH: calc(33% - 1vw);
}

/*# sourceMappingURL=welcome.css-d577492a724fd54e194c94455ba8ff870846bbd3cee7dfad4420cb5ec8ac6c04.map */