@import "libraries/font-awesome/css/font-awesome.css";
.fa-azure:before {
  /*content: url('azure-svgrepo-com.svg');*/
}
.fa-azure:before {
  display: inline-block;
  height: 1em;
  width: 1em;
  background-color: currentColor;
  content: '';
  -webkit-mask: url(azure/azure-svgrepo-com.svg) no-repeat 100% 100%;
  mask: url(azure/azure-svgrepo-com.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.fa-size-1x .fa-azure:before {
  height: 2em;
  width: 2em;
}
.fa-size-2x .fa-azure:before {
  height: 3em;
  width: 3em;
}
:root {
  --grn-button-color: #fff;
  --grn-button-color-disabled: #ffffff91;
  --grn-button-background-default: #6c757d;
  --grn-button-background-default-hover: #6c757d;
  --grn-button-background-primary: #007bff;
  --grn-button-background-primary-hover: #007bff;
  --grn-button-background-secondary: #6c757d;
  --grn-button-background-secondary-hover: #6c757d;
  --grn-button-background-success: #28a745;
  --grn-button-background-success-hover: #28a745;
  --grn-button-background-cancel: #dc3545;
  --grn-button-background-cancel-hover: #dc3545;
  --grn-button-border: #808080;
  --grn-button-active: #ff6a00;
  --grn-header-background-color: #fff;
  --grn-header-color: #000;
  --grn-footer-background: #fff;
  --grn-footer-color: #000;
  --grn-textbox-border: #808080;
  --grn-textbox-border-hover: #86b7fe;
  --grn-textbox-border-hover-box-shadow: rgba(13, 110, 253, 0.25);
  --grn-textbox-input-color: #000;
  --grn-textbox-input-background: #fff;
  --grn-textbox-input-placeholder-color: #fff;
  --grn-textbox-invalid: #dc3545;
  --grn-field-label-color: #000;
  --grn-drawer-background: #fff;
  --grn-drawer-color: #000;
  --grn-drawer-border: #000;
  --grn-drawer-menu-btn-background: #fff;
  --grn-drawer-menu-btn-color: #000;
  --grn-drawer-menu-btn-hover: #0094ff;
  --grn-drawer-menu-btn-border-hover: #0094ff;
  --grn-panel-color: #000;
  --grn-panel-background: #fff;
  --grn-panel-header-color: #000;
  --grn-panel-header-background: #fff;
  --grn-panel-footer-color: #000;
  --grn-panel-footer-background: #fff;
  --grn-group-color: #000;
  --grn-group-background: #fff;
  --grn-group-header-color: #000;
  --grn-group-header-background: #fff;
  --grn-showcase-detail-background: #000;
}
html {
  --screen-phone: 480px;
  --screen-tablet: 768px;
  --screen-desktop: 992px;
  --screen-lg-desktop: 1200px;
  --screen-xlg-desktop: 1600px;
  --screen-ulg-desktop: 1920px;
}
@media (max-width: 480px) {
  div.hide-under-xs {
    display: none !important;
  }
}
@media (max-width: 768px) {
  div.hide-under-sm {
    display: none !important;
  }
}
@media (max-width: 992px) {
  div.hide-under-md {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  div.hide-under-lg {
    display: none !important;
  }
}
@media (max-width: 1600px) {
  div.hide-under-xlg {
    display: none !important;
  }
}
@media (max-width: 1920px) {
  div.hide-under-ulg {
    display: none !important;
  }
}
@media (min-width: 480px) {
  div.hide-above-xs {
    display: none !important;
  }
}
@media (min-width: 768px) {
  div.hide-above-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  div.hide-above-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  div.hide-above-lg {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  div.hide-above-xlg {
    display: none;
  }
}
@media (min-width: 1920px) {
  div.hide-above-ulg {
    display: none;
  }
}
.col-xlg-1,
.col-xlg-2,
.col-xlg-3,
.col-xlg-4,
.col-xlg-5,
.col-xlg-6,
.col-xlg-7,
.col-xlg-8,
.col-xlg-9,
.col-xlg-10,
.col-xlg-11,
.col-xlg-12,
.col-ulg-1,
.col-ulg-2,
.col-ulg-3,
.col-ulg-4,
.col-ulg-5,
.col-ulg-6,
.col-ulg-7,
.col-ulg-8,
.col-ulg-9,
.col-ulg-10,
.col-ulg-11,
.col-ulg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1600px) {
  .container {
    max-width: 1440px;
  }
  .col-xlg-1,
  .col-xlg-10,
  .col-xlg-11,
  .col-xlg-12,
  .col-xlg-2,
  .col-xlg-3,
  .col-xlg-4,
  .col-xlg-5,
  .col-xlg-6,
  .col-xlg-7,
  .col-xlg-8,
  .col-xlg-9 {
    float: left;
  }
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
  .col-xlg-pull-12 {
    right: 100%;
  }
  .col-xlg-pull-11 {
    right: 91.66666667%;
  }
  .col-xlg-pull-10 {
    right: 83.33333333%;
  }
  .col-xlg-pull-9 {
    right: 75%;
  }
  .col-xlg-pull-8 {
    right: 66.66666667%;
  }
  .col-xlg-pull-7 {
    right: 58.33333333%;
  }
  .col-xlg-pull-6 {
    right: 50%;
  }
  .col-xlg-pull-5 {
    right: 41.66666667%;
  }
  .col-xlg-pull-4 {
    right: 33.33333333%;
  }
  .col-xlg-pull-3 {
    right: 25%;
  }
  .col-xlg-pull-2 {
    right: 16.66666667%;
  }
  .col-xlg-pull-1 {
    right: 8.33333333%;
  }
  .col-xlg-pull-0 {
    right: auto;
  }
  .col-xlg-push-12 {
    left: 100%;
  }
  .col-xlg-push-11 {
    left: 91.66666667%;
  }
  .col-xlg-push-10 {
    left: 83.33333333%;
  }
  .col-xlg-push-9 {
    left: 75%;
  }
  .col-xlg-push-8 {
    left: 66.66666667%;
  }
  .col-xlg-push-7 {
    left: 58.33333333%;
  }
  .col-xlg-push-6 {
    left: 50%;
  }
  .col-xlg-push-5 {
    left: 41.66666667%;
  }
  .col-xlg-push-4 {
    left: 33.33333333%;
  }
  .col-xlg-push-3 {
    left: 25%;
  }
  .col-xlg-push-2 {
    left: 16.66666667%;
  }
  .col-xlg-push-1 {
    left: 8.33333333%;
  }
  .col-xlg-push-0 {
    left: auto;
  }
  .col-xlg-offset-12 {
    margin-left: 100%;
  }
  .col-xlg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xlg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xlg-offset-9 {
    margin-left: 75%;
  }
  .col-xlg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xlg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xlg-offset-6 {
    margin-left: 50%;
  }
  .col-xlg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xlg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xlg-offset-3 {
    margin-left: 25%;
  }
  .col-xlg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xlg-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1800px;
  }
  .col-ulg-1,
  .col-ulg-10,
  .col-ulg-11,
  .col-ulg-12,
  .col-ulg-2,
  .col-ulg-3,
  .col-ulg-4,
  .col-ulg-5,
  .col-ulg-6,
  .col-ulg-7,
  .col-ulg-8,
  .col-ulg-9 {
    float: left;
  }
  .col-ulg-12 {
    width: 100%;
  }
  .col-ulg-11 {
    width: 91.66666667%;
  }
  .col-ulg-10 {
    width: 83.33333333%;
  }
  .col-ulg-9 {
    width: 75%;
  }
  .col-ulg-8 {
    width: 66.66666667%;
  }
  .col-ulg-7 {
    width: 58.33333333%;
  }
  .col-ulg-6 {
    width: 50%;
  }
  .col-ulg-5 {
    width: 41.66666667%;
  }
  .col-ulg-4 {
    width: 33.33333333%;
  }
  .col-ulg-3 {
    width: 25%;
  }
  .col-ulg-2 {
    width: 16.66666667%;
  }
  .col-ulg-1 {
    width: 8.33333333%;
  }
  .col-ulg-pull-12 {
    right: 100%;
  }
  .col-ulg-pull-11 {
    right: 91.66666667%;
  }
  .col-ulg-pull-10 {
    right: 83.33333333%;
  }
  .col-ulg-pull-9 {
    right: 75%;
  }
  .col-ulg-pull-8 {
    right: 66.66666667%;
  }
  .col-ulg-pull-7 {
    right: 58.33333333%;
  }
  .col-ulg-pull-6 {
    right: 50%;
  }
  .col-ulg-pull-5 {
    right: 41.66666667%;
  }
  .col-ulg-pull-4 {
    right: 33.33333333%;
  }
  .col-ulg-pull-3 {
    right: 25%;
  }
  .col-ulg-pull-2 {
    right: 16.66666667%;
  }
  .col-ulg-pull-1 {
    right: 8.33333333%;
  }
  .col-ulg-pull-0 {
    right: auto;
  }
  .col-ulg-push-12 {
    left: 100%;
  }
  .col-ulg-push-11 {
    left: 91.66666667%;
  }
  .col-ulg-push-10 {
    left: 83.33333333%;
  }
  .col-ulg-push-9 {
    left: 75%;
  }
  .col-ulg-push-8 {
    left: 66.66666667%;
  }
  .col-ulg-push-7 {
    left: 58.33333333%;
  }
  .col-ulg-push-6 {
    left: 50%;
  }
  .col-ulg-push-5 {
    left: 41.66666667%;
  }
  .col-ulg-push-4 {
    left: 33.33333333%;
  }
  .col-ulg-push-3 {
    left: 25%;
  }
  .col-ulg-push-2 {
    left: 16.66666667%;
  }
  .col-ulg-push-1 {
    left: 8.33333333%;
  }
  .col-ulg-push-0 {
    left: auto;
  }
  .col-ulg-offset-12 {
    margin-left: 100%;
  }
  .col-ulg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-ulg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-ulg-offset-9 {
    margin-left: 75%;
  }
  .col-ulg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-ulg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-ulg-offset-6 {
    margin-left: 50%;
  }
  .col-ulg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-ulg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-ulg-offset-3 {
    margin-left: 25%;
  }
  .col-ulg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-ulg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-ulg-offset-0 {
    margin-left: 0;
  }
}
@font-face {
  font-family: 'Gotham Book Regular';
  src: url('theme/fonts/Gotham Book Regular.otf') format('opentype');
}
@font-face {
  font-family: "BrandonGrotesque-Black";
  src: url("theme/fonts/BrandonGrotesque-Black.eot");
  /* IE9 Compat Modes */
  src: url("theme/fonts/BrandonGrotesque-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("theme/fonts/BrandonGrotesque-Black.otf") format("opentype"), /* Open Type Font */ url("theme/fonts/BrandonGrotesque-Black.svg") format("svg"), /* Legacy iOS */ url("theme/fonts/BrandonGrotesque-Black.ttf") format("truetype"), /* Safari, Android, iOS */ url("theme/fonts/BrandonGrotesque-Black.woff") format("woff"), /* Modern Browsers */ url("theme/fonts/BrandonGrotesque-Black.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Tahoma';
  src: url('theme/fonts/Gotham Book Regular.otf') format('opentype');
}
@font-face {
  font-family: "Montserrat";
  src: url("theme/fonts/Montserrat-Regular.eot");
  /* IE9 Compat Modes */
  src: url("theme/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("theme/fonts/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */ url("theme/fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */ url("theme/fonts/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("theme/fonts/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */ url("theme/fonts/Montserrat-Regular.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Light";
  src: url("theme/fonts/Montserrat-Light.eot");
  /* IE9 Compat Modes */
  src: url("theme/fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("theme/fonts/Montserrat-Light.otf") format("opentype"), /* Open Type Font */ url("theme/fonts/Montserrat-Light.svg") format("svg"), /* Legacy iOS */ url("theme/fonts/Montserrat-Light.ttf") format("truetype"), /* Safari, Android, iOS */ url("theme/fonts/Montserrat-Light.woff") format("woff"), /* Modern Browsers */ url("theme/fonts/Montserrat-Light.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("theme/fonts/Montserrat-Bold.eot");
  /* IE9 Compat Modes */
  src: url("theme/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("theme/fonts/Montserrat-Bold.otf") format("opentype"), /* Open Type Font */ url("theme/fonts/Montserrat-Bold.svg") format("svg"), /* Legacy iOS */ url("theme/fonts/Montserrat-Bold.ttf") format("truetype"), /* Safari, Android, iOS */ url("theme/fonts/Montserrat-Bold.woff") format("woff"), /* Modern Browsers */ url("theme/fonts/Montserrat-Bold.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MavenPro-Medium";
  src: url("theme/fonts/MavenPro-Medium.eot");
  /* IE9 Compat Modes */
  src: url("theme/fonts/MavenPro-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("theme/fonts/MavenPro-Medium.otf") format("opentype"), /* Open Type Font */ url("theme/fonts/MavenPro-Medium.svg") format("svg"), /* Legacy iOS */ url("theme/fonts/MavenPro-Medium.ttf") format("truetype"), /* Safari, Android, iOS */ url("theme/fonts/MavenPro-Medium.woff") format("woff"), /* Modern Browsers */ url("theme/fonts/MavenPro-Medium.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}*/
html {
  font-size: 0.8em;
}
h1,
h2,
h3,
h4 {
  margin-block-start: 0.15em;
  margin-block-end: 0.6em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: left;
  line-height: 1.1em;
  display: block;
}
h1 {
  font-size: 3rem;
  font-size: clamp(2em, 10vw, 5em);
  font-family: "BrandonGrotesque-Black", "Tahoma", serif;
}
h2 {
  font-size: 1.625rem;
  font-size: clamp(1.5em, 9vw, 4em);
  font-family: "BrandonGrotesque-Black", "Tahoma", serif;
}
h3 {
  font-size: 1.35rem;
  font-size: clamp(1.25em, 8vw, 3em);
  font-family: "GreycliffCF-Light", "Arial", sans-serif;
}
h4 {
  font-size: 1.225rem;
  font-size: clamp(1em, 7vw, 2em);
  font-family: "GreycliffCF-Light", "Arial", sans-serif;
}
h5 {
  font-size: 110%;
  font-size: clamp(0.8em, 6vw, 1.5em);
}
h6 {
  font-size: 100%;
  font-size: clamp(0.75em, 5vw, 1.25em);
}
body,
p {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.6em;
}
p {
  margin-block-start: 0rem;
  margin-block-end: 1.25rem;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  scrollbar-color: #00000075 #00000038;
  scrollbar-width: thin;
}
.page {
  /*padding-bottom: 4rem;*/
}
.center {
  margin: auto;
  display: inline-block;
}
.centered-text {
  text-align: center;
}
.highlight {
  color: var(--core-highlight);
  font-weight: bolder;
}
.info {
  color: var(--core-hightlight);
}
.section {
  margin-bottom: 2rem;
}
:root {
  --bcla-logo-green: #9aca34;
  --bcla-logo-green-a: #829F44;
  --bcla-logo-green-b: #657445;
  --bcla-logo-green-c: #444A38;
  --bcla-logo-green-d: #31332D;
  --bcla-logo-green-e: #2E3324;
  --bcla-logo-blue-light: #44b5ff;
  --bcla-logo-blue-light-a: #5DA5D5;
  --bcla-logo-blue-light-b: #678FAA;
  --bcla-logo-blue-light-c: #627480;
  --bcla-logo-blue-light-d: #495055;
  --bcla-logo-blue-light-e: #242D33;
  --bcla-logo-blue-dark: #049ffc;
  --bcla-logo-blue-dark-a: #2790D2;
  --bcla-logo-blue-dark-b: #3B7EA7;
  --bcla-logo-blue-dark-c: #41667D;
  --bcla-logo-blue-dark-d: #394952;
  --bcla-logo-blue-dark-e: #2C3033;
  --bcla-base: #059EFC;
  --bcla-color-a: #FC9505;
  --bcla-color-a-a: #D28B27;
  --bcla-color-a-b: #A77A3B;
  --bcla-color-a-c: #7D6441;
  --bcla-color-a-d: #524839;
  --bcla-color-a-e: #33302C;
  --bcla-color-b: #3388BD;
  --bcla-color-b-a: #407392;
  --bcla-color-b-b: #3F5868;
  --bcla-color-b-c: #2F383D;
  --bcla-color-b-d: #2C3033;
  --bcla-color-b-e: #242D33;
  --bcla-color-c: #A77A3B;
  --bcla-color-c-a: #7B6240;
  --bcla-color-c-b: #514637;
  --bcla-color-c-c: #33302B;
  --bcla-color-c-d: #332E28;
  --bcla-color-c-e: #332B1F;
  --bcla-color-d: #41667D;
  --bcla-color-d-a: #394952;
  --bcla-color-d-b: #B3C6D2;
  --bcla-color-d-c: #C5E7FC;
  --bcla-color-d-d: #9CD9FF;
  --bcla-color-d-e: #72C9FF;
  --bcla-color-e: #524839;
  --bcla-color-e-a: #7C756C;
  --bcla-color-e-b: #A79780;
  --bcla-color-e-c: #D1B07D;
  --bcla-color-e-d: #FCC36D;
  --bcla-color-e-e: #FFB444;
  --bcla-color-f: #DC3545;
  --bcla-color-f-a: #B14852;
  --bcla-color-f-b: #864D53;
  --bcla-color-f-c: #5C4446;
  --bcla-color-f-d: #332E2E;
  --bcla-color-f-e: #332526;
}
.toast {
  --bs-toast-color: #000;
  --bs-toast-max-width: 25em;
}
.grn-theme {
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
}
body:has(.bcla-theme) {
  background-color: #efefef;
  color: #000;
}
body:has(.bcla-theme).grn-theme-dark {
  background-color: var(--bcla-color-d);
  color: #fff;
}
body:has(.bcla-theme.grn-theme-dark) {
  background-color: var(--bcla-color-d);
  color: #fff;
}
.bcla-theme {
  --grn-header-background-color: var(--bcla-color-b);
  --grn-header-color: #fff;
  --grn-footer-background: var(--bcla-color-b);
  --grn-footer-color: #fff;
  --grn-drawer-background: var(--bcla-color-b);
  --grn-drawer-color: fff;
  --grn-drawer-border: #000;
  --grn-drawer-menu-btn-background: #fff;
  --grn-drawer-menu-btn-color: #000;
  --grn-drawer-menu-btn-hover: #0094ff;
  --grn-drawer-menu-btn-border-hover: #0094ff;
  --grn-field-label-color: #000;
  --grn-textbox-border: #808080;
  --grn-textbox-border-hover: #86b7fe;
  --grn-textbox-border-hover-box-shadow: rgba(13, 110, 253, 0.25);
  --grn-textbox-input-color: #000;
  --grn-textbox-input-background: #fff;
  --grn-panel-color: #000;
  --grn-panel-background: #fff;
  --grn-panel-header-color: #000;
  --grn-panel-header-background: #fff;
  --grn-panel-footer-color: #000;
  --grn-panel-footer-background: #fff;
  --grn-group-color: #000;
  --grn-group-background: #fff;
  --grn-group-header-color: #000;
  --grn-group-header-background: #fff;
  --grn-showcase-detail-background: #000;
  --grn-button-color: #fff;
  --grn-button-background: grey;
  --grn-button-border: #808080;
  --grn-button-active: #ff6a00;
}
.bcla-theme.grn-theme-dark {
  --grn-header-background-color: var(--bcla-color-b);
  --grn-header-color: #fff;
  --grn-footer-background: var(--bcla-color-e);
  --grn-footer-color: #fff;
  --grn-drawer-background: var(--bcla-color-d);
  --grn-drawer-color: fff;
  --grn-drawer-border: var(--bcla-color-a);
  --grn-drawer-menu-btn-background: var(--bcla-color-e);
  --grn-drawer-menu-btn-color: #fff;
  --grn-drawer-menu-btn-hover: var(--bcla-color-c);
  --grn-drawer-menu-btn-border-hover: var(--bcla-color-a);
  --grn-field-label-color: #fff;
  --grn-textbox-border: var(--bcla-color-b);
  --grn-textbox-border-hover: var(--bcla-color-a);
  --grn-textbox-border-hover-box-shadow: rgba(13, 110, 253, 0.25);
  --grn-textbox-input-color: #fff;
  --grn-textbox-input-background: var(--bcla-color-d);
  /*--grn-textbox-input-background: transparent;*/
  --grn-textbox-input-placeholder-color: var(--bcla-color-d-b);
  --grn-panel-color: #fff;
  --grn-panel-background: #0c0c0c78;
  --grn-panel-header-color: #fff;
  --grn-panel-header-background: #0c0c0c78;
  --grn-panel-footer-color: #fff;
  --grn-panel-footer-background: #0c0c0c78;
  --grn-group-color: #fff;
  --grn-group-background: var(--bcla-color-d);
  --grn-group-header-color: #fff;
  --grn-group-header-background: var(--bcla-color-a);
  --grn-showcase-detail-background: #0c0c0c78;
  --grn-button-color: #fff;
  --grn-button-background-default: var(--bcla-logo-blue-light-b);
  --grn-button-background-default: transparent;
  --grn-button-background-default-hover: var(--bcla-logo-blue-light);
  --grn-button-background-primary: var(--bcla-logo-blue-dark-b);
  --grn-button-background-primary-hover: var(--bcla-logo-blue-dark);
  --grn-button-background-secondary: var(--bcla-color-c-b);
  --grn-button-background-secondary-hover: var(--bcla-color-c);
  --grn-button-background-success: var(--bcla-logo-green-b);
  --grn-button-background-success-hover: var(--bcla-logo-green);
  --grn-button-background-cancel: var(--bcla-color-f-b);
  --grn-button-background-cancel-hover: var(--bcla-color-f);
  --grn-button-border: var(--bcla-color-b);
  --grn-button-active: var(--bcla-color-a);
}
.bcla-theme.grn-theme-dark .modal {
  --bs-modal-bg: var(--bcla-color-d);
}
.private-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.private-link > div {
  width: 15em;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.private-link > div > a {
  width: 100%;
  text-align: center;
}
.page {
  /*min-height: calc(100vh - 13em);*/
}
main {
  height: auto;
}
header .container > div {
  justify-content: center !important;
  align-items: center !important;
}
header .logo {
  background-image: url('images/logo.png');
  background-clip: border-box;
  background-position: center;
  height: 6em;
  width: 3em;
  background-size: 9em;
  background-repeat: no-repeat;
  /*margin: 0 25em 0 0;*/
  margin: 0;
}
header h1 {
  font-size: 2em;
  margin: 0 0 0.2em 0;
  text-shadow: 1px 1px 2px black;
  font-family: 'AR CENA';
  text-align: center;
}
header .header-phrase {
  display: block;
  font-size: 0.8em;
  color: var(--bcla-color-a);
  text-shadow: 1px 1px 2px black;
  text-align: center;
}
header .header-servicearea {
  font-size: 0.8em;
  display: block;
  text-align: center;
  margin: 0.5em 0 0 0;
}
header .header-contact {
  display: flex;
  flex-flow: row;
  align-items: center;
  color: #fff;
  font-size: 1.5em;
  text-shadow: 1px 1px 2px black;
}
header .header-contact > a {
  color: inherit;
}
header .header-contact > a:hover,
header .header-contact > a:active {
  font-weight: bolder;
  text-decoration: none;
}
.grn-drawer-content > .grn-scroll-container {
  height: calc(100vh - 20em);
}
.text-gold {
  color: var(--bcla-color-a);
}
a.text-gold[href]:hover {
  color: var(--bcla-color-a-a);
}
@media (min-width: 768px) {
  header .container > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: left !important;
    align-items: start !important;
  }
  header .container > div > div {
    padding: 1em 0;
  }
  header .logo {
    height: 7em;
    width: 4em;
    margin: 0.6em 0;
  }
  header h1 {
    font-size: 3em;
    text-align: initial;
  }
  header .header-phrase {
    font-size: 2em;
    text-align: initial;
  }
  header .header-servicearea {
    text-align: initial;
    font-size: 1.5em;
  }
  header .header-contact {
    margin: 1em;
    top: 0;
    position: absolute;
    right: 0;
  }
}
header.minimize {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5000;
}
header.minimize h1 {
  margin: 0;
}
header.minimize div {
  display: block;
  padding: 0 !important;
  margin: 0.5em;
  text-align: center;
}
header.minimize .logo {
  display: none;
}
header.minimize .header-phrase {
  display: none;
}
.error-message img {
  max-height: 25em;
}
@media (min-width: 992px) {
  header .logo {
    height: 8em;
    width: 6em;
    background-size: 14em;
  }
}
button,
.grn-btn {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.375rem 0.75rem;
  box-sizing: border-box;
  outline: 0;
  font-weight: normal;
  text-align: start;
  box-shadow: none;
  color: var(--grn-button-color);
  background: var(--grn-button-background-default);
  border: solid 1px transparent;
  border-radius: 0.2em;
  border-color: var(--grn-button-background-default);
  text-decoration: none;
}
button:disabled,
.grn-btn:disabled {
  color: var(--grn-button-color-disabled);
}
button:hover:not(:disabled),
.grn-btn:hover:not(:disabled),
button:focus:not(:disabled),
.grn-btn:focus:not(:disabled) {
  background: var(--grn-button-background-default-hover);
  border-color: var(--grn-button-background-default-hover);
}
button.primary,
.grn-btn.primary {
  border-color: var(--grn-button-background-primary);
  background: var(--grn-button-background-primary);
}
button.primary:hover:not(:disabled),
.grn-btn.primary:hover:not(:disabled) {
  background: var(--grn-button-background-primary-hover);
  border-color: var(--grn-button-background-primary-hover);
}
button.primary.active:not(:disabled),
.grn-btn.primary.active:not(:disabled),
button.primary:active:not(:disabled),
.grn-btn.primary:active:not(:disabled) {
  background: var(--grn-button-active);
  /*box-shadow: .2em .2em .2em var(--grn-button-active);*/
}
button.secondary,
.grn-btn.secondary {
  border-color: var(--grn-button-background-secondary);
  background: var(--grn-button-background-secondary);
}
button.secondary:hover:not(:disabled),
.grn-btn.secondary:hover:not(:disabled) {
  background: var(--grn-button-background-secondary-hover);
  border-color: var(--grn-button-background-secondary-hover);
}
button.secondary.active:not(:disabled),
.grn-btn.secondary.active:not(:disabled),
button.secondary:active:not(:disabled),
.grn-btn.secondary:active:not(:disabled) {
  background: var(--grn-button-active);
  /*box-shadow: .2em .2em .2em var(--grn-button-active);*/
}
button.success,
.grn-btn.success {
  border-color: var(--grn-button-background-success);
  background: var(--grn-button-background-success);
}
button.success:hover:not(:disabled),
.grn-btn.success:hover:not(:disabled) {
  background: var(--grn-button-background-success-hover);
  border-color: var(--grn-button-background-success-hover);
}
button.success.active:not(:disabled),
.grn-btn.success.active:not(:disabled),
button.success:active:not(:disabled),
.grn-btn.success:active:not(:disabled) {
  background: var(--grn-button-active);
  /*box-shadow: .2em .2em .2em var(--grn-button-active);*/
}
button.cancel,
.grn-btn.cancel {
  border-color: var(--grn-button-background-cancel);
  background: var(--grn-button-background-cancel);
}
button.cancel:hover:not(:disabled),
.grn-btn.cancel:hover:not(:disabled) {
  background: var(--grn-button-background-cancel-hover);
  border-color: var(--grn-button-background-cancel-hover);
}
button.cancel.active:not(:disabled),
.grn-btn.cancel.active:not(:disabled),
button.cancel:active:not(:disabled),
.grn-btn.cancel:active:not(:disabled) {
  background: var(--grn-button-active);
  /*box-shadow: .2em .2em .2em var(--grn-button-active);*/
}
button:hover:not(:disabled),
.grn-btn:hover:not(:disabled),
button:focus:not(:disabled),
.grn-btn:focus:not(:disabled) {
  box-shadow: 0.2em 0.2em 0.2em var(--grn-button-active);
}
button.active:not(:disabled),
.grn-btn.active:not(:disabled),
button:active:not(:disabled),
.grn-btn:active:not(:disabled) {
  background: var(--grn-button-active);
  box-shadow: 0.2em 0.2em 0.2em var(--grn-button-active);
}
header {
  position: relative;
  background: var(--grn-header-background-color);
  color: var(--grn-header-color);
}
footer {
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 1em;
  background-color: var(--grn-footer-background);
  color: var(--grn-footer-color);
  z-index: 5000;
}
.usercontrol {
  position: sticky;
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: row;
  align-content: center;
  justify-content: center;
  background-color: var(--bcla-color-e);
}
.usercontrol > * {
  margin: 0 0.2em;
}
.usercontrol a {
  color: #fff;
  text-decoration: none;
}
.grn-searchbar {
  border: solid 0.2em var(--bcla-color-b);
  border-radius: 0.2em;
}
.grn-searchresults {
  width: 100%;
}
.grn-searchresults > a[href] {
  /*background-color: var(--bcla-color-a);*/
  border-radius: 0.2em;
  text-decoration: none;
  padding: 0.2em 1em;
  color: #fff;
  width: 100%;
  display: inline-block;
  margin-bottom: 0.2em;
}
.grn-searchresults > a[href] > div {
  display: inline-block;
}
.grn-searchresults > a:nth-of-type(2n+1) {
  /*background-color: var(--bcla-color-b);*/
}
.grn-scroll-container {
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  display: inline-block;
  height: 80vh;
  width: 100%;
  scrollbar-color: #00000075 #00000038;
  scrollbar-width: thin;
  padding: 0;
  padding-right: 0.2em;
}
.grn-spinner {
  /*--bs-spinner-width: 1em;*/
  /*--bs-spinner-height: 1em;*/
  /*--bs-spinner-border-width: 0.05em;*/
  font-size: 2em;
  padding: 0.2em 0.5em;
}
.grn-btngrp {
  display: flex;
  /*border: none;*/
  padding: 0;
  margin: 0;
}
.grn-btngrp > label {
  line-height: 1.5;
  background-color: var(--bcla-logo-blue-dark-a);
  padding: 0.375rem 0.75rem;
}
.grn-btngrp > *,
.grn-btngrp > .grn-input,
.grn-btngrp > .grn-field {
  /*border: none;*/
  display: inline-block;
  border-radius: 0;
  width: auto;
  line-height: 1.5;
}
.grn-btngrp > *.selected,
.grn-btngrp > .grn-input.selected,
.grn-btngrp > .grn-field.selected {
  background: var(--grn-button-active);
}
.grn-btngrp > .grn-field {
  display: flex;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  border: solid 0.2em var(--grn-button-background-default);
}
.grn-btngrp > .grn-field:hover,
.grn-btngrp > .grn-field:focus-within {
  border-color: var(--grn-textbox-border-hover);
}
.grn-btngrp > .grn-field > * {
  flex-grow: 1;
  display: inline-block;
  width: auto;
  /*border-color: inherit;*/
}
.grn-btngrp > .grn-field .grn-input {
  display: inline-block;
  width: 100%;
  border: none;
}
.grn-btngrp > .grn-field .grn-input:focus-within,
.grn-btngrp > .grn-field .grn-input:hover {
  box-shadow: none;
}
.grn-btngrp > .grn-field .grn-field-label {
  flex-grow: initial;
  padding: 0.2em 0.4em;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
}
.grn-btngrp > .grn-field .grn-field-label:after {
  content: " :";
}
.grn-btngrp > .grn-field .grn-field-label label {
  margin: 0;
}
.grn-btngrp > .grn-input {
  flex-grow: 1;
}
.grn-btngrp > .grn-input > .grn-input-inner {
  /*background: var(--grn-button-background-default);*/
}
.grn-btngrp > :first-child {
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
}
.grn-btngrp > :last-child {
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.grn-group {
  position: relative;
  /*overflow: hidden;*/
  display: inline-block;
  width: 100%;
  border: none;
  /*border-radius: 2em;*/
  color: var(--grn-group-color);
  background-color: var(--grn-group-background);
}
.grn-group .grn-group-header {
  color: var(--grn-group-header-color);
  background-color: var(--grn-group-header-background);
  border-radius: 0.2em;
}
.grn-group .grn-group-header > h1,
.grn-group .grn-group-header > h2,
.grn-group .grn-group-header > h3,
.grn-group .grn-group-header > h4,
.grn-group .grn-group-header > h5 {
  margin: 0;
  padding: 0.2em;
}
.grn-group .grn-group-header .grn-group-header-cmds {
  position: absolute;
  top: 0;
  right: 0;
}
.grn-group .grn-group-header .grn-group-header-cmds .grn-btn {
  border: solid 2px transparent;
  background: transparent;
  color: inherit;
  line-height: 1.25em;
  padding: 0.35em 0.65em;
}
.grn-group .grn-group-header .grn-group-header-cmds .grn-btn:hover,
.grn-group .grn-group-header .grn-group-header-cmds .grn-btn:active,
.grn-group .grn-group-header .grn-group-header-cmds .grn-btn:focus {
  background: var(--grn-button-background-default-hover);
  box-shadow: none;
}
.grn-group .grn-group-body {
  padding: 0.5em;
}
.grn-group .grn-group-body > * {
  margin-bottom: 2em;
}
.grn-group .grn-group-body .grn-listeditor-item {
  position: relative;
}
.grn-group .grn-group-body .grn-listeditor-item > .grn-listeditor-iteminner {
  padding-right: 5em;
  /*padding-top: 2em;*/
}
.grn-panel {
  display: inline-block;
  width: 100%;
  border: none;
  border-radius: 0.2em;
  color: var(--grn-panel-color);
  background-color: var(--grn-panel-background);
}
.grn-panel .grn-panel-header {
  color: var(--grn-group-header-color);
  background-color: var(--grn-group-header-background);
}
.grn-panel .grn-panel-body {
  padding: 0.5em;
}
.grn-panel .grn-panel-footer {
  color: var(--grn-group-footer-color);
  background-color: var(--grn-group-footer-background);
}
.grn-input {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-style: solid;
  outline: 0;
  font-weight: normal;
  text-align: start;
  box-shadow: none;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: stretch;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  /*border-radius: .375rem;*/
  /*border-width: 1px 0;*/
  border: solid 0.2em var(--grn-textbox-border);
  border-radius: 0.2em;
  color: var(--grn-textbox-input-color);
  overflow: visible;
}
.grn-input > * {
  border-radius: 0;
}
.grn-input > :first-child {
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
}
.grn-input > :last-child {
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.grn-input .grn-btn {
  background: var(--grn-textbox-input-background);
  background-color: var(--grn-textbox-input-background);
}
.grn-input > input,
.grn-input > textarea,
.grn-input > select {
  padding: 0.375rem 0.75rem;
  width: 100%;
  border: 0;
  outline: 0;
  color: inherit;
  background: var(--grn-textbox-input-background);
  font: inherit;
  flex: 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  margin: 0;
  box-sizing: border-box;
}
.grn-input > input::placeholder,
.grn-input > textarea::placeholder,
.grn-input > select::placeholder {
  color: var(--grn-textbox-input-placeholder-color);
  opacity: 0.5;
}
.grn-input > select {
  -webkit-appearance: button;
}
.grn-input > select:hover {
  /*background-color: black;*/
}
.grn-input > select:hover {
  /*background: var(--grn-button-active);*/
  box-shadow: 0.2em 0.2em 0.2em var(--grn-button-active);
}
.grn-input .grn-autocomplete-list {
  position: absolute;
  top: 2em;
  left: 0;
  display: none;
  background: var(--grn-button-background);
  z-index: 100;
  border-radius: 0.2em;
}
.grn-input .grn-autocomplete-list > button {
  width: 100%;
}
.grn-input:focus-within .grn-autocomplete-list {
  display: block;
}
.grn-input:focus-within,
.grn-input:hover {
  border-color: var(--grn-textbox-border-hover);
  box-shadow: 0 0 0 0.25rem var(--grn-textbox-border-hover-box-shadow);
}
.grn-input.invalid {
  border-color: var(--grn-textbox-invalid);
}
.grn-input > input.input-validation-error {
  border-color: var(--grn-textbox-invalid);
}
.form-check .form-check-input {
  height: 2em;
  width: 2em;
}
.form-switch .form-check-input {
  width: 4em;
}
.grn-select .grn-select-inner {
  -webkit-appearance: button;
}
.grn-select .grn-select-inner:hover {
  /*background-color: black;*/
}
.grn-select .grn-select-inner:hover {
  /*background: var(--grn-button-active);*/
  box-shadow: 0.2em 0.2em 0.2em var(--grn-button-active);
}
.grn-radioselect {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.grn-radioselect > label {
  margin: 0.2em 0.5em;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px 6px;
}
.grn-radioselect .grn-radioselect-inner {
  margin: 0 0.2em;
  -webkit-appearance: button;
}
.grn-radioselect .valid.modified:not([type=checkbox]) {
  /* outline: 1px solid #26b050; */
  outline: none;
}
@media screen and (min-width: 992px) {
  .grn-radioselect {
    flex-direction: row;
  }
  .grn-radioselect > label {
    align-items: center;
  }
}
.grn-img-preview {
  display: inline-block;
  margin: 0 0 0.5em 0;
  min-width: 5em;
  min-height: 5em;
  /*max-height: 50em;*/
  /*max-width: 50em;*/
  box-shadow: #000 1em 1em 2em;
  border-radius: 0.2em;
  position: relative;
  background-color: var(--bcla-color-d);
  width: 100%;
  text-align: center;
}
.grn-img-preview > img {
  object-fit: cover;
}
.grn-img-preview > .grn-btngrp {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
.grn-img-preview > div.grn-error-message {
  min-height: 10em;
  min-width: 10em;
  text-align: center;
  align-content: center;
}
@media screen and (min-width: 768px) {
  .grn-img-preview {
    width: initial;
  }
}
.grn-fileuploader .grn-fileuploader-progress {
  width: 100%;
  height: 100%;
}
.grn-fileuploader-previews {
  margin: 0.5em 0 0 0;
  border-radius: 0.2em;
  padding: 0.5em;
  border: solid 0.2em var(--grn-textbox-border);
}
@media screen and (min-width: 768px) {
  .grn-fileuploader-previews > .grn-img-preview {
    margin: 0.5em;
  }
}
.grn-field {
  margin-top: -18px;
  display: inline-block;
  float: left;
  margin: 0 15px 15px 0;
  width: 100%;
  position: relative;
}
.grn-field .grn-field-callout {
  border-radius: 0.3em;
  background: #ffffff30;
  padding: 0.5em 1em;
  margin-top: 0.2em;
}
.grn-field.inline {
  width: auto;
}
.grn-field input {
  padding: 6px 12px;
}
.grn-field.selected .grn-field-label,
.grn-field.focused .grn-field-label,
.grn-field:hover .grn-field-label,
.grn-field:focus-within .grn-field-label {
  color: var(--grn-field-label-color);
}
.grn-field.selected .grn-field-placeholder,
.grn-field.focused .grn-field-placeholder,
.grn-field:hover .grn-field-placeholder,
.grn-field:focus-within .grn-field-placeholder {
  display: none;
}
.grn-field.required .grn-field-label i {
  display: inline-block;
  float: right;
}
.grn-field.required .grn-field-label > label::after {
  font-family: FontAwesome;
  content: "";
  color: red;
  margin: 0 0 0 0.4em;
}
.grn-field.required.selected.empty .field-required {
  visibility: visible;
}
.grn-field .grn-field-mask {
  display: none;
}
.grn-field-label {
  text-align: left;
  font-size: small;
  font-weight: bold;
  color: var(--grn-field-label-color);
}
.grn-field-label.grn-field-label-dynamic {
  color: transparent;
}
.grn-field-label i {
  display: none;
  color: var(--core-error-bg);
  font-size: xx-small;
}
.grn-showcase {
  display: inline-block;
  position: relative;
  width: 100%;
}
.grn-showcase .grn-showcase-info-container {
  /*max-height:10em;*/
  width: 100%;
}
.grn-showcase .grn-showcase-title {
  text-shadow: 0.1em 0.1em 0.1em black;
}
.grn-showcase .grn-showcase-detail {
  margin-block-start: 2em;
  text-shadow: 0.1em 0.1em 0.1em black;
}
.grn-showcase .grn-showcase-photo {
  max-height: 50em;
  max-width: 75em;
  box-shadow: #000 1em 1em 2em;
  object-fit: cover;
}
.grn-showcase .grn-showcase-photo-container {
  width: 100%;
}
.grn-showcase .thip-carousel-panels,
.grn-showcase .carousel-item {
  padding: 3em !important;
}
.grn-showcase .thip-carousel-panels img,
.grn-showcase .carousel-item img {
  width: 95%;
  object-fit: cover;
}
@media screen and (min-width: 992px) {
  .grn-showcase.has-photos {
    min-height: 70em;
  }
  .grn-showcase .grn-showcase-detail {
    border-radius: 1em;
    background: var(--grn-showcase-detail-background);
    padding: 2em;
  }
  .grn-showcase .grn-showcase-info-container {
    /*max-height:10em;*/
    width: 100%;
  }
  .grn-showcase .grn-showcase-info-container {
    max-width: 45em;
    display: block;
    float: left;
  }
  .grn-showcase .grn-showcase-photo-container {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    /*max-height: 50em;*/
    /*max-width: 75em;*/
  }
  .grn-showcase .thip-carousel-panels,
  .grn-showcase .carousel-item {
    padding: 3em !important;
  }
  .grn-showcase .thip-carousel-panels img,
  .grn-showcase .carousel-item img {
    display: block;
    float: right;
    object-fit: cover;
  }
  .grn-showcase.grn-showcase-alt .grn-showcase-info-container {
    float: right;
  }
  .grn-showcase.grn-showcase-alt .grn-showcase-photo-container {
    left: 0;
  }
  .grn-showcase.grn-showcase-alt .thip-carousel-panels img,
  .grn-showcase.grn-showcase-alt .carousel-item img {
    display: block;
    float: left;
  }
}
.thip-carousel {
  display: inline-block;
  position: relative;
  padding-bottom: 3em;
  overflow: hidden;
  width: 100%;
}
.thip-carousel > .thip-carousel-panels {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.thip-carousel > .thip-carousel-panels > div {
  /** Step **/
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.thip-carousel > .thip-carousel-panels > div > div {
  width: 100%;
  display: inline-block;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .thip-carousel > .thip-carousel-panels > div {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .thip-carousel > .thip-carousel-panels > div.next,
  .thip-carousel > .thip-carousel-panels > div.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .thip-carousel > .thip-carousel-panels > div.prev,
  .thip-carousel > .thip-carousel-panels > div.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .thip-carousel > .thip-carousel-panels > div.next.left,
  .thip-carousel > .thip-carousel-panels > div.prev.right,
  .thip-carousel > .thip-carousel-panels > div.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.thip-carousel > .thip-carousel-panels > .active,
.thip-carousel > .thip-carousel-panels > .next,
.thip-carousel > .thip-carousel-panels > .prev {
  display: block;
}
.thip-carousel > .thip-carousel-panels > .active {
  left: 0;
  /*background: #fff;*/
  /*&:after {
                display: none;
            }*/
}
.thip-carousel > .thip-carousel-panels > .next,
.thip-carousel > .thip-carousel-panels > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.thip-carousel > .thip-carousel-panels > .next {
  left: 100%;
}
.thip-carousel > .thip-carousel-panels > .prev {
  left: -100%;
}
.thip-carousel > .thip-carousel-panels > .next.left,
.thip-carousel > .thip-carousel-panels > .prev.right {
  left: 0;
}
.thip-carousel > .thip-carousel-panels > .active.left {
  left: -100%;
}
.thip-carousel > .thip-carousel-panels > .active.right {
  left: 100%;
}
.thip-carousel .thip-carousel-navigation {
  text-align: center;
  position: absolute;
  display: block;
  width: 50%;
}
.thip-carousel .thip-carousel-navigation.bottom {
  bottom: 0;
  width: 100%;
}
.thip-carousel .thip-carousel-navigation.left {
  bottom: 0;
  left: 0;
}
.thip-carousel .thip-carousel-navigation.right {
  bottom: 0;
  right: 0;
}
.thip-carousel .thip-carousel-navigation.left > button,
.thip-carousel .thip-carousel-navigation.right > button {
  width: 100%;
}
.thip-carousel .thip-carousel-navigation .separator {
  color: var(--core-link-active);
}
.thip-carousel .thip-carousel-navigation button {
  text-transform: uppercase;
  color: var(--core-link-active);
  border: 0.15em solid transparent;
  border-radius: 0px;
  background-color: transparent;
  /*&:not(:first-child):before {
                content: '|';
                margin-right: 1em;
            }*/
}
.thip-carousel .thip-carousel-navigation button:hover {
  text-decoration: none !important;
  /*background-color: #fff;
        color: rgb(0, 170, 255);*/
  /*-moz-box-shadow: 0px 0px 15px rgba(0, 170, 255, 0.298039215686275);
        -webkit-box-shadow: 0px 0px 15px rgba(0, 170, 255, 0.298039215686275);
        box-shadow: 0px 0px 15px rgba(0, 170, 255, 0.298039215686275);*/
}
.thip-carousel .thip-carousel-navigation button > i.fa {
  margin: 0 1em;
}
.thip-carousel .thip-carousel-navigation button:hover,
.thip-carousel .thip-carousel-navigation button:focus,
.thip-carousel .thip-carousel-navigation button:active {
  /*color: rgb(0, 170, 255);
        border-color: transparent;
        border-bottom-color: rgb(0,170,255);
        border-bottom-width: 2px;
        margin-bottom: -1px;
        box-shadow: 0 0 6px rgb(124, 199, 237);*/
  outline: none;
  border: 0.15em solid transparent;
}
.thip-carousel .thip-carousel-navigation button:disabled {
  border-color: transparent;
  box-shadow: none;
  background: none;
  color: var(--core-link-disabled);
}
.thip-carousel .thip-carousel-navigation.bottom button:hover {
  border-bottom-color: var(--core-link-active);
}
.thip-carousel .thip-carousel-navigation.bottom button:disabled {
  border-bottom-color: transparent;
}
@media (min-width: 992px) {
  .thip-carousel .thip-carousel-panels {
    padding: 1em 3em;
  }
  .thip-carousel .thip-carousel-navigation {
    text-align: center;
    position: absolute;
    display: block;
    padding-bottom: 3em;
  }
  .thip-carousel .thip-carousel-navigation.bottom {
    bottom: 0;
    width: 100%;
    /* margin-left:auto;
                margin-right: auto;
                position: absolute;
                bottom: 0;
                left: 30%;
                right: 30%;
                z-index: 3000;*/
  }
  .thip-carousel .thip-carousel-navigation.left {
    top: 0;
    left: 0;
    width: 3em;
  }
  .thip-carousel .thip-carousel-navigation.right {
    top: 0;
    /*right: 50px;*/
    width: 3em;
  }
  .thip-carousel .thip-carousel-navigation.left > button,
  .thip-carousel .thip-carousel-navigation.right > button {
    width: 3em;
    margin: 50% 0;
    height: 100%;
    padding-bottom: 3em;
  }
}
.grn-drawer {
  position: relative;
  display: block;
  width: 100%;
  min-height: 3em;
  min-height: calc(100vh - 20em);
}
.grn-drawer > .grn-drawer-menu {
  /*width: 100%;*/
  background: var(--grn-drawer-background);
  color: var(--grn-drawer-color);
  /*padding: .2rem;*/
  border: none;
  overflow: hidden;
  margin: 0 -2.5em;
}
.grn-drawer .grn-drawer-content {
  width: 100%;
}
.grn-drawer .grn-drawer-btn {
  display: inline-block;
  width: 100%;
}
.grn-drawer .grn-drawer-btn > button {
  background: var(--grn-drawer-menu-btn-background);
  color: var(--grn-drawer-menu-btn-color);
  width: 100%;
  border: none;
  text-align: center;
}
.grn-drawer .grn-drawer-btn > button:hover,
.grn-drawer .grn-drawer-btn > button:active,
.grn-drawer .grn-drawer-btn > button:focus,
.grn-drawer .grn-drawer-btn > button.active {
  box-shadow: none;
}
.grn-drawer .grn-drawer-cmds {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 0 0 0.5em 0;
}
.grn-drawer .grn-drawer-cmds > div {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 0.5em;
  border-radius: 0.2em;
  background: var(--grn-panel-background);
}
.grn-drawer .grn-drawer-cmds > div > * {
  flex-flow: row;
}
.grn-drawer .grn-drawer-menucontent {
  display: none;
  width: 100%;
  padding: 0 2em;
  /*padding: 0;*/
  border: none;
  overflow-y: auto;
  max-height: calc(100vh - 25em);
}
.grn-drawer .grn-drawer-menucontent > ul,
.grn-drawer .grn-drawer-menucontent > ol {
  text-decoration: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.grn-drawer .grn-drawer-menucontent > ul > li,
.grn-drawer .grn-drawer-menucontent > ol > li {
  text-decoration: none;
  list-style: none;
  /*list-style-position: inside;*/
  width: 100%;
  padding: 0.5em;
}
.grn-drawer .grn-drawer-menucontent > ul > li > a,
.grn-drawer .grn-drawer-menucontent > ol > li > a,
.grn-drawer .grn-drawer-menucontent > ul > li > button,
.grn-drawer .grn-drawer-menucontent > ol > li > button {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  margin: 0;
  background: transparent;
  padding: 1em 2em;
  text-align: center;
  background-color: var(--grn-drawer-menu-btn-background);
  color: var(--grn-drawer-menu-btn-color);
  border: transparent solid 1px;
}
.grn-drawer .grn-drawer-menucontent > ul > li > a:hover,
.grn-drawer .grn-drawer-menucontent > ol > li > a:hover,
.grn-drawer .grn-drawer-menucontent > ul > li > button:hover,
.grn-drawer .grn-drawer-menucontent > ol > li > button:hover,
.grn-drawer .grn-drawer-menucontent > ul > li > a:active,
.grn-drawer .grn-drawer-menucontent > ol > li > a:active,
.grn-drawer .grn-drawer-menucontent > ul > li > button:active,
.grn-drawer .grn-drawer-menucontent > ol > li > button:active,
.grn-drawer .grn-drawer-menucontent > ul > li > a:focus,
.grn-drawer .grn-drawer-menucontent > ol > li > a:focus,
.grn-drawer .grn-drawer-menucontent > ul > li > button:focus,
.grn-drawer .grn-drawer-menucontent > ol > li > button:focus,
.grn-drawer .grn-drawer-menucontent > ul > li > a.active,
.grn-drawer .grn-drawer-menucontent > ol > li > a.active,
.grn-drawer .grn-drawer-menucontent > ul > li > button.active,
.grn-drawer .grn-drawer-menucontent > ol > li > button.active {
  text-decoration: none;
  background-color: var(--grn-drawer-menu-btn-hover);
  border: var(--grn-drawer-menu-btn-border-hover) solid 1px;
}
.grn-drawer.open > .grn-drawer-menu {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 40em;
  /*margin: 0;*/
  padding: 0;
  border: none;
  height: 100%;
  z-index: 2000;
}
.grn-drawer.open .grn-drawer-menucontent {
  display: inline-block;
}
.grn-drawer.open.fill > .grn-drawer-menu {
  min-height: calc(100vh - 25em);
}
@media screen and (min-width: 992px) {
  .grn-drawer {
    padding: 2em;
  }
  .grn-drawer .grn-drawer-content {
    display: inline-block;
    margin-left: 3em;
    /*max-width: 75%;*/
  }
  .grn-drawer > .grn-drawer-menu {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    min-height: 40em;
    border-right: solid var(--grn-drawer-border) 1px;
  }
  .grn-drawer:not(.toggles) .grn-drawer-btn {
    display: none;
  }
  .grn-drawer:not(.toggles) > .grn-drawer-menu {
    position: relative;
    margin-right: 0.5em;
    display: block;
    float: left;
    max-width: 20%;
    border-right: 1px solid var(--grn-drawer-border);
  }
  .grn-drawer:not(.toggles) > .grn-drawer-menu .grn-drawer-menucontent {
    display: inline-block;
  }
  .grn-drawer:not(.toggles) .grn-drawer-content {
    margin-left: 1em;
    max-width: 75%;
  }
  .grn-drawer.fill > .grn-drawer-menu {
    min-height: calc(100vh - 20em);
  }
}
.grn-search .grn-searchresults > .grn-btn {
  width: 100%;
  display: inline-block;
  margin: 0 0 0.4em 0;
}
.grn-search .grn-searchresults > .grn-btn span {
  margin: 0 0 0 0.5em;
}
.grn-search .grn-searchresults > .grn-btn > div {
  display: inline-block;
}
.grn-search .grn-searchnav .grn-searchnav-pages {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.375rem 0.75rem;
  box-sizing: border-box;
  outline: 0;
  font-weight: normal;
  text-align: start;
  box-shadow: none;
  color: var(--grn-button-color);
  background: var(--grn-button-background-primary);
  border: solid 1px transparent;
  /*border-radius: 0.2em;*/
  border-color: var(--grn-button-background-primary);
}