/*============= VARIABLES =============*/
/*$color-two: #bbcf00;*/
:root {
  --em-per-pixels: calc(1em / 16);
  --rem-per-pixels: calc(1rem / 16);
  --max-width-xl: 120rem;
  --max-width-l: 100rem;
  --max-width-m: 100rem;
  --max-width-s: 60rem;
  --max-width-xs: 40rem;
  --max-width-xxs: 30rem;
  --vert-whitespace: 5rem;
  --wide-whitespace: 5rem;
  --desktop-whitespace: 5rem;
  --laptop-whitespace: 5rem;
  --mobile-whitespace: 3.75rem;
  --desktop-width: 1600px;
  --laptop-width: 1280px;
  --tablet-width: 1024px;
  --portrait-width: 960px;
  --mobile-width: 640px;
  --gap-col: calc(var(--vert-whitespace) / 2);
  --gap-row: calc(var(--vert-whitespace) / 2);
  --gap-txt: calc(var(--vert-whitespace) / 3);
  --black: #1a1a18;
  --black-rgb: 26, 26, 24;
  --darkgrey: #333;
  --darkgrey-rgb: 51, 51, 51;
  --grey: #777;
  --grey-rgb: 119, 119, 119;
  --lightgrey: #efefef;
  --lightgrey-rgb: 239, 239, 239;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --blue: #1a70b8;
  --blue-rgb: 26, 112, 184;
  --green: #a4c74e;
  --green-rgb: 164, 199, 78;
  --color-bg: var(--white);
  --color-bg-rgb: var(--white-rgb);
  --color-txt: var(--grey);
  --color-txt-rgb: var(--grey-rgb);
  --color-one: var(--blue);
  --color-one-rgb: var(--blue-rgb);
  --color-one-light: #92bcdd;
  --color-one-light-rgb: 179, 217, 247;
  --color-two: var(--green);
  --color-two-rgb: var(--green-rgb);
  --color-two-light: #c3ea61;
  --color-two-light-rgb: 195, 234, 97;
  --color-two-dark: #82b30a;
  --color-two-dark-rgb: 130, 179, 10;
  --color-error: #e42343;
  --linear-gradient-01: linear-gradient(
    to right,
    rgba(var(--color-one-rgb), 1),
    rgba(var(--color-two-rgb), 1) 70%
  );
  --main-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text",
    "Times New Roman", serif;
  --font-regular: quicksand-regular;
  --font-bold: quicksand-bold;
  --font-running-text: opensans-regular;
  --font-running-text-bold: opensans-bold;
  --font-condensed: pathway;
  --font-serif: droidserif-italic;
  --font-serif-bold: droidserif-bolditalic;
  --font-script: arsilon;
  --border-radius-min: calc(5 * var(--rem-per-pixels));
  --border-radius-std: calc(10 * var(--rem-per-pixels));
  --border-radius-mid: calc(20 * var(--rem-per-pixels));
  --period-one: 500ms;
  --period-two: 750ms;
  --period-three: 1000ms;
  --cubic-bezier: cubic-bezier(0.165, 0.84, 0.44, 1);
  --text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);
  --box-shadow-02: 12px 15px 23px -6px rgb(0 0 0 / 31%);
  --menu-height: calc(120 * var(--rem-per-pixels)); }

@media only screen and (max-width: 1600px) {
  :root {
    --vert-whitespace: var(--desktop-whitespace); } }

@media only screen and (max-width: 1440px) {
  :root {
    --menu-height: 80px; } }

@media only screen and (max-width: 1280px) {
  :root {
    --vert-whitespace: var(--laptop-whitespace); } }

@media only screen and (max-width: 960px) {
  :root {
    --vert-whitespace: var(--mobile-whitespace);
    --gap-col: 5%; } }

@keyframes ani-width {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes ani-bar {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes scale-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(1.5);
    opacity: 0; } }

#main,
#mainnav-container,
#pageheader-caption {
  opacity: 1;
  display: block; }

/*============= SECTION TOGGLELIST =============*/
.toggle-item .article-body {
  position: static; }

.toggle-wrapper {
  height: auto;
  overflow: visible; }