/* VARIABLES */
/* ALL COLOR MUST BE IN #XXXXXX FORMAT */
/* MIXINS */
/* BASE */
html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: 100%;
  position: relative;
}

body {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.hnr-page {
  background: #FFFFFF none no-repeat scroll top left;
  font-family: "Lato";
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.hnr-page h1,
.hnr-page div[widget-type="header"].has-decors.h1 {
  font-family: "Lato";
  color: #000000;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;  
  letter-spacing: normal;
  line-height: normal;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.hnr-page h2,
.hnr-page div[widget-type="header"].has-decors.h2 {
  font-family: "Lato";
  color: #000000;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;  
  letter-spacing: normal;
  line-height: normal;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.hnr-page h3,
.hnr-page div[widget-type="header"].has-decors.h3 {
  font-family: "Lato";
  color: #000000;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;  
  letter-spacing: normal;
  line-height: normal;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.hnr-page h4,
.hnr-page div[widget-type="header"].has-decors.h4 {
  font-family: "Lato";
  color: #000000;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;  
  letter-spacing: normal;
  line-height: normal;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.hnr-page h5,
.hnr-page div[widget-type="header"].has-decors.h5 {
  font-family: "Lato";
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;  
  letter-spacing: normal;
  line-height: normal;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.hnr-page h6,
.hnr-page div[widget-type="header"].has-decors.h6 {
  font-family: "Lato";
  color: #000000;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;  
  letter-spacing: normal;
  line-height: normal;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.hnr-page a {
  font-family: "Lato";
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;  
  letter-spacing: normal;
  line-height: normal;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: currentcolor;
  text-decoration-style: solid;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

.editor {
  padding: 0.05px;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* LAYOUT */
.hnr-page {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100vh;
}

.hnr-page #BODY,
.hnr-page>.row {
  flex: 1;
  flex-basis: auto;
  margin: 0;
  padding: 0;
}

#SIDE_PANEL {
  padding: 0;
}

.hnr-page #FOOTER {
  padding-right: 0;
  padding-left: 0;
  flex-basis: auto;
}

.hnr-page #BODY.js-sections-container>.row {
  margin: 0;
}

.hnr-page #NAVBAR {
  position: relative;
  z-index: 200;
}

/* VENDORS */
.container-fluid {
  padding: 0;
}

.container-fluid>.row {
  margin: 0;
}

:root {
  --thm-color1-lightest: rgba(255, 255, 255, 0);
  --thm-color1-lighter: rgba(255, 255, 255, 0);
  --thm-color1-light: rgba(255, 255, 255, 0);
  --thm-color1: #FFFFFF;
  --thm-color1-dark: rgba(230, 230, 230, 0);
  --thm-color1-darker: rgba(204, 204, 204, 0);
  --thm-color1-darkest: rgba(179, 179, 179, 0);
  --thm-color2-lightest: #fff;
  --thm-color2-lighter: #fff;
  --thm-color2-light: #fff;
  --thm-color2: #FFFFFF;
  --thm-color2-dark: #e6e6e6;
  --thm-color2-darker: #ccc;
  --thm-color2-darkest: #b3b3b3;
  --thm-color3-lightest: #fff;
  --thm-color3-lighter: #fff;
  --thm-color3-light: #fff;
  --thm-color3: #FFFFFF;
  --thm-color3-dark: #e6e6e6;
  --thm-color3-darker: #ccc;
  --thm-color3-darkest: #b3b3b3;
  --thm-color4-lightest: #fff;
  --thm-color4-lighter: #fff;
  --thm-color4-light: #fff;
  --thm-color4: #FFFFFF;
  --thm-color4-dark: #e6e6e6;
  --thm-color4-darker: #ccc;
  --thm-color4-darkest: #b3b3b3;
  --thm-color5-lightest: #fff;
  --thm-color5-lighter: #fff;
  --thm-color5-light: #fff;
  --thm-color5: #FFFFFF;
  --thm-color5-dark: #e6e6e6;
  --thm-color5-darker: #ccc;
  --thm-color5-darkest: #b3b3b3;
  --thm-color6-lightest: #fff;
  --thm-color6-lighter: #fff;
  --thm-color6-light: #fff;
  --thm-color6: #FFFFFF;
  --thm-color6-dark: #e6e6e6;
  --thm-color6-darker: #ccc;
  --thm-color6-darkest: #b3b3b3;
  --thm-color1-alpha1: rgba(255, 255, 255, 0.13);
  --thm-color1-alpha2: rgba(255, 255, 255, 0.26);
  --thm-color1-alpha3: rgba(255, 255, 255, 0.39);
  --thm-color1-alpha4: rgba(255, 255, 255, 0.52);
  --thm-color1-alpha5: rgba(255, 255, 255, 0.65);
  --thm-color1-alpha6: rgba(255, 255, 255, 0.78);
  --thm-color1-alpha7: rgba(255, 255, 255, 0.91);
  --thm-color2-alpha1: rgba(255, 255, 255, 0.13);
  --thm-color2-alpha2: rgba(255, 255, 255, 0.26);
  --thm-color2-alpha3: rgba(255, 255, 255, 0.39);
  --thm-color2-alpha4: rgba(255, 255, 255, 0.52);
  --thm-color2-alpha5: rgba(255, 255, 255, 0.65);
  --thm-color2-alpha6: rgba(255, 255, 255, 0.78);
  --thm-color2-alpha7: rgba(255, 255, 255, 0.91);
  --thm-color3-alpha1: rgba(255, 255, 255, 0.13);
  --thm-color3-alpha2: rgba(255, 255, 255, 0.26);
  --thm-color3-alpha3: rgba(255, 255, 255, 0.39);
  --thm-color3-alpha4: rgba(255, 255, 255, 0.52);
  --thm-color3-alpha5: rgba(255, 255, 255, 0.65);
  --thm-color3-alpha6: rgba(255, 255, 255, 0.78);
  --thm-color3-alpha7: rgba(255, 255, 255, 0.91);
  --thm-color4-alpha1: rgba(255, 255, 255, 0.13);
  --thm-color4-alpha2: rgba(255, 255, 255, 0.26);
  --thm-color4-alpha3: rgba(255, 255, 255, 0.39);
  --thm-color4-alpha4: rgba(255, 255, 255, 0.52);
  --thm-color4-alpha5: rgba(255, 255, 255, 0.65);
  --thm-color4-alpha6: rgba(255, 255, 255, 0.78);
  --thm-color4-alpha7: rgba(255, 255, 255, 0.91);
  --thm-color5-alpha1: rgba(255, 255, 255, 0.13);
  --thm-color5-alpha2: rgba(255, 255, 255, 0.26);
  --thm-color5-alpha3: rgba(255, 255, 255, 0.39);
  --thm-color5-alpha4: rgba(255, 255, 255, 0.52);
  --thm-color5-alpha5: rgba(255, 255, 255, 0.65);
  --thm-color5-alpha6: rgba(255, 255, 255, 0.78);
  --thm-color5-alpha7: rgba(255, 255, 255, 0.91);
  --thm-color6-alpha1: rgba(255, 255, 255, 0.13);
  --thm-color6-alpha2: rgba(255, 255, 255, 0.26);
  --thm-color6-alpha3: rgba(255, 255, 255, 0.39);
  --thm-color6-alpha4: rgba(255, 255, 255, 0.52);
  --thm-color6-alpha5: rgba(255, 255, 255, 0.65);
  --thm-color6-alpha6: rgba(255, 255, 255, 0.78);
  --thm-color6-alpha7: rgba(255, 255, 255, 0.91);
  --thm-vuetify-primary-light: #52d1d9;
  --thm-vuetify-primary: #2DC2CB;
  --thm-vuetify-primary-dark: #249aa1;
  --thm-vuetify-secondary-light: #2aee8b;
  --thm-vuetify-secondary: #11D472;
  --thm-vuetify-secondary-dark: #0da559;
  --thm-vuetify-error: #CC0000
}

.thm-color1-bckgd.lighten {
  background-color: #262626;
}

.thm-color1-bckgd.darken {
  background-color: #000000;
}

.thm-color1-border {
  border-color: #000000;
}

.thm-color1-border.lighten {
  border-color: #262626;
}

.thm-color1-border.darken {
  border-color: #000000;
}

.thm-color2-text {
  color: #000000;
}

.thm-color2-text.lighten {
  color: #262626;
}

.thm-color2-text.darken {
  color: #000000;
}

.thm-color2-bckgd {
  background-color: #000000;
}

.thm-color2-bckgd.lighten {
  background-color: #262626;
}

.thm-color2-bckgd.darken {
  background-color: #000000;
}

.thm-color2-border {
  border-color: #000000;
}

.thm-color2-border.lighten {
  border-color: #262626;
}

.thm-color2-border.darken {
  border-color: #000000;
}

.thm-color3-text {
  color: #000000;
}

.thm-color3-text.lighten {
  color: #262626;
}

.thm-color3-text.darken {
  color: #000000;
}

.thm-color3-bckgd {
  background-color: #000000;
}

.thm-color3-bckgd.lighten {
  background-color: #262626;
}

.thm-color3-bckgd.darken {
  background-color: #000000;
}

.thm-color3-border {
  border-color: #000000;
}

.thm-color3-border.lighten {
  border-color: #262626;
}

.thm-color3-border.darken {
  border-color: #000000;
}

.thm-color4-text {
  color: #000000;
}

.thm-color4-text.lighten {
  color: #262626;
}

.thm-color4-text.darken {
  color: #000000;
}

.thm-color4-bckgd {
  background-color: #000000;
}

.thm-color4-bckgd.lighten {
  background-color: #262626;
}

.thm-color4-bckgd.darken {
  background-color: #000000;
}

.thm-color4-border {
  border-color: #000000;
}

.thm-color4-border.lighten {
  border-color: #262626;
}

.thm-color4-border.darken {
  border-color: #000000;
}

/* DESIGN MODE */
/**
*   This file should contain each css 'hack'.
*   Good way to get the feel of 'what the hack/heck is it' is footer's case.
*   For some reason footer needs undefined bottom at design view (in particular
*   default value is set to 0px). So we need 'hack.less' to make things happen.
*
*
*   IMPORTANT!
*   Always use important (here) ;)
*   It makes you sure that given rule will be used.
*   And that's the hack purpose, isn't it?
*   Furthermore - as we all know - sometime one float/padding/whatnot in
*   particular element can 'fix' the whole thing. Then ('cause of !important)
*   we (possibly) it would be easier to notice, that the hack is not longer
*   needed (or what was the source of bug).
*   It would be great if you include info about hack (
*   (makes things easier to trace, debug etc.)
*/