/* Theme: inVolve || File: front */
/* NO CSS HERE!!!!*/
/* Theme: inVolve || File: tools/functions */
/* Theme: inVolve || File: tools/mixins.scss */
/* Theme: inVolve || File: settings/varaibles */
/* Theme: inVolve || File: settings/variables/colors */
:root {
  --error--100: #f5d2d4;
  --error--200: #eba6a8;
  --error--300: #e1797d;
  --error--400: #d74d51;
  --error--500: #cd2026;
  --error--600: #a41a1e;
  --error--700: #7b1317;
  --error--800: #520d0f;
  --error--900: #290608;
  --warning--100: #f8edd2;
  --warning--200: #f0dba6;
  --warning--300: #e9c979;
  --warning--400: #e1b74d;
  --warning--500: #daa520;
  --warning--600: #ae841a;
  --warning--700: #836313;
  --warning--800: #57420d;
  --warning--900: #2c2106;
  --success--100: #d5e7d9;
  --success--200: #abceb3;
  --success--300: #82b68c;
  --success--400: #589d66;
  --success--500: #2e8540;
  --success--600: #256a33;
  --success--700: #1c5026;
  --success--800: #12351a;
  --success--900: #091b0d;
}

/* Theme: inVolve || File: settings/variables/typography */
:root {
  --h1-main-desktop: 7.63rem;
  --h1-desktop: 4.5rem;
  --h2-desktop: 4rem;
  --h3-desktop: 3rem;
  --h4-desktop: 2.25rem;
  --h5-desktop: 1.88rem;
  --h1-main-mobile: 4.5rem;
  --h1-mobile: 3rem;
  --h2-mobile: 2.38rem;
  --h3-mobile: 2rem;
  --h4-mobile: 1.63rem;
  --h5-mobile: 1.38rem;
  --p-mobile: 1rem;
  --a-mobile: 1rem;
  --p-desktop: 1rem;
  --a-desktop: 1rem;
}

:root {
  --h1-main-desktop--lineHeight: auto;
  --h1-desktop--lineHeight: auto;
  --h2-desktop--lineHeight: auto;
  --h3-desktop--lineHeight: auto;
  --h4-desktop--lineHeight: auto;
  --h5-desktop--lineHeight: auto;
  --h1-main-mobile--lineHeight: auto;
  --h1-mobile--lineHeight: auto;
  --h2-mobile--lineHeight: auto;
  --h3-mobile--lineHeight: auto;
  --h4-mobile--lineHeight: auto;
  --h5-mobile--lineHeight: auto;
  --p-mobile--lineHeight: auto;
  --a-mobile--lineHeight: 1.25rem;
  --p-desktop--lineHeight: auto;
  --a-desktop--lineHeight: 1.25rem;
}

:root {
  --h1--fontFamily: inherit;
  --h2--fontFamily: inherit;
  --h3--fontFamily: inherit;
  --h4--fontFamily: inherit;
  --h5--fontFamily: inherit;
  --p--fontFamily: inherit;
  --a--fontFamily: inherit;
}

:root {
  --h1--fontWeight: 700;
  --h2--fontWeight: 700;
  --h3--fontWeight: 700;
  --h4--fontWeight: 400;
  --h5--fontWeight: 700;
  --p--fontWeight: 400;
  --a--fontWeight: 700;
}

/* Theme: inVolve || File: settings/variables/header */
:root {
  --header-height: 2.5rem;
  --header-padding-top: 1rem;
  --header-padding-bottom: 1rem;
  --header-padding-left: 1.5rem;
  --header-padding-right: 1.5rem;
  --header-padding: var(--header-padding-top) var(--header-padding-right)
  	var(--header-padding-bottom) var(--header-padding-left);
  --header-breakpoint: 1200px;
  --container-padding: 1rem;
  --menu-color: var(--neutral--50);
  --menu-color-desktop: var(--main--500);
  --burger-color: var(--neutral--900);
  --burger-color-open: var(--neutral--50);
  --burger-bg-color: var(--main--800);
  --burger-size: 2rem;
  --header-institution-logo-gap: 1rem;
  --header-menu-gap: 1rem;
}

/* Theme: inVolve || File: settings/variables/layouts */
:root {
  --padding-sm: 1rem;
  --padding-rg: 2rem;
  --padding-lg: 4rem;
}
@media (min-width: 992px) {
  :root {
    --padding-sm: 2rem;
    --padding-rg: 4rem;
    --padding-lg: 6rem;
  }
}

/* Theme: inVolve || File: settings/variables/backgrounds */
:root {
  --bg--transparent: transparent;
  --bg--light: var(--neutral--500);
  --bg--dark: var(--neutral--800);
  --bg--main: var(--main--500);
}

/* Theme: inVolve || File: settings/variables/zIndex */
:root {
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-3: 3;
  --z-index-4: 4;
  --z-index-5: 5;
  --z-index-6: 6;
  --z-index-7: 7;
  --z-index-8: 8;
  --z-index-9: 9;
}

/* NO CSS HERE!!!!*/
/* CSS STARTS HERE!!!! */
/* Theme: inVolve || File: generics/reset */
html {
  font-size: 1rem;
  font-family: monospace;
}
html * {
  font-size: inherit;
  font-family: inherit;
}

/* Theme: inVolve || File: generics/bootstrap */
/* Theme: inVolve || File: generics/box-sizing */
/* Theme: inVolve || File: generics/adminBarFix */
body #wpadminbar {
  display: none;
}
@media (min-width: 992px) {
  body #wpadminbar {
    display: initial;
    background: transparent;
  }
  body #wpadminbar .quicklinks {
    height: 0;
    overflow: hidden;
  }
  body #wpadminbar:hover {
    background: #1d2327;
  }
  body #wpadminbar:hover .quicklinks {
    height: auto;
  }
}

html.no-js, html.no-svg, html.js_active, html.vc_desktop, html.vc_transform, html.vc_transform, html.vc_transform {
  margin-top: 0 !important;
}

/* Theme: inVolve || File: generics/container */
.object-container {
  padding-right: calc((100vw - 100%) / 2);
  padding-left: calc((100vw - 100%) / 2);
}

.object-full {
  padding-inline: var(--padding-sm);
}

.object-container,
.object-full {
  display: flex;
  width: 100vw;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-block: var(--padding-sm);
  left: calc((100vw - 100%) / 2 * -1);
}

/* Theme: inVolve || File: generics/overflow */
body {
  overflow-x: hidden;
}
body.burger-open {
  overflow-y: hidden;
}
body.burger-open .header {
  color: var(--neutral--50);
}

/* Theme: inVolve || File: elements/text */
p {
  font-family: var(--p--fontFamily);
  font-weight: var(--p--fontWeight);
  font-size: var(--p-mobile);
  line-height: var(--p-mobile--lineHeight);
  color: var(--p-color);
}
@media (min-width: 992px) {
  p {
    font-size: var(--p-desktop);
    line-height: var(--p-desktop--lineHeight);
  }
}

:root {
  --p-color: var(--neutral--900);
}

/* Theme: inVolve || File: elements/headings */
h1 {
  color: var(--h1-color);
  font-family: var(--h1--fontFamily);
  font-weight: var(--h1--fontWeight);
  font-size: var(--h1-mobile);
  line-height: var(--h1-mobile--lineHeight);
}
@media (min-width: 992px) {
  h1 {
    font-size: var(--h1-desktop);
    line-height: var(--h1-desktop--lineHeight);
  }
}

h2 {
  color: var(--h2-color);
  font-family: var(--h2--fontFamily);
  font-weight: var(--h2--fontWeight);
  font-size: var(--h2-mobile);
  line-height: var(--h2-mobile--lineHeight);
}
@media (min-width: 992px) {
  h2 {
    font-size: var(--h2-desktop);
    line-height: var(--h2-desktop--lineHeight);
  }
}

h3 {
  color: var(--h3-color);
  font-family: var(--h3--fontFamily);
  font-weight: var(--h3--fontWeight);
  font-size: var(--h3-mobile);
  line-height: var(--h3-mobile--lineHeight);
}
@media (min-width: 992px) {
  h3 {
    font-size: var(--h3-desktop);
    line-height: var(--h3-desktop--lineHeight);
  }
}

h4 {
  color: var(--h4-color);
  font-family: var(--h4--fontFamily);
  font-weight: var(--h4--fontWeight);
  font-size: var(--h4-mobile);
  line-height: var(--h4-mobile--lineHeight);
}
@media (min-width: 992px) {
  h4 {
    font-size: var(--h4-desktop);
    line-height: var(--h4-desktop--lineHeight);
  }
}

h5 {
  color: var(--h5-color);
  font-family: var(--h5--fontFamily);
  font-weight: var(--h5--fontWeight);
  font-size: var(--h5-mobile);
  line-height: var(--h5-mobile--lineHeight);
}
@media (min-width: 992px) {
  h5 {
    font-size: var(--h5-desktop);
    line-height: var(--h5-desktop--lineHeight);
  }
}

:root {
  --h1-color: var(--main--500);
  --h2-color: var(--main--500);
  --h3-color: var(--main--500);
  --h4-color: var(--neutral--900);
  --h5-color: var(--neutral--900);
}

/* Theme: inVolve || File: elements/links */
a {
  font-family: var(--a--fontFamily);
  font-weight: var(--a--fontWeight);
  font-size: var(--a-mobile);
  line-height: var(--a-mobile--lineHeight);
  color: var(--a-color);
}
@media (min-width: 992px) {
  a {
    font-size: var(--a-desktop);
    line-height: var(--a-desktop--lineHeight);
  }
}
a:hover {
  color: var(--a-color--hover);
}

:root {
  --a-color: var(--main--500);
  --a-color--hover: var(--main--800);
}

/* Theme: inVolve || File: elements/lists */
ul {
  color: var(--list-color);
  font-family: inherit;
}
ul li {
  color: inherit;
}

.list ul {
  color: var(--list-color);
}

:root {
  --list-color: color(black);
}

/* Theme: inVolve || File: elements/quotes */
/* Theme: inVolve || File: elements/forms */
/* Theme: inVolve || File: objects/overlays */
/* Theme: inVolve || File: objects/layouts */
.pt-regular {
  padding-top: var(--padding-rg);
}

.pt-small {
  padding-top: var(--padding-sm);
}

.pt-large {
  padding-top: var(--padding-lg);
}

.pt-0 {
  padding-top: 0;
}

.pb-regular {
  padding-bottom: var(--padding-rg);
}

.pb-small {
  padding-bottom: var(--padding-sm);
}

.pb-large {
  padding-bottom: var(--padding-lg);
}

.pb-0 {
  padding-bottom: 0;
}

.no-margin,
.no-margin.wpb_content_element {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.vc_row[data-row-full-width] {
  position: relative;
  width: 100vw;
  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
  left: calc((100vw - 100%) / 2 * -1);
  margin-left: 0;
  margin-right: 0;
}

.vc_row-no-padding[data-row-full-width] {
  padding-left: 0;
  padding-right: 0;
}

.width-auto {
  width: auto;
}
@media screen and (min-width: 1200px) {
  .width-auto-lg {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .width-auto-md {
    width: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .width-auto-sm {
    width: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .width-auto-xs {
    width: auto !important;
  }
}

/* Theme: inVolve || File: objects/sliders */
/* Theme: inVolve || File: objects/backgrounds */
.bg-transparent {
  --background-color: var(--bg--transparent);
  --p-color: var(--neutral--900);
  --a-color: var(--main--500);
  --a-color--hover: var(--main--800);
  --list-color: var(--neutral--900);
  --burger-color: var(--neutral--900);
  --burger-color-open: var(--neutral--900);
  --burger-bg-color: var(--background-color);
  --h1-color: var(--p-color);
  --h2-color: var(--p-color);
  --h3-color: var(--p-color);
  --h4-color: var(--p-color);
  --h5-color: var(--p-color);
}
.bg-white {
  --background-color: var(--bg--white);
  --p-color: var(--neutral--900);
  --a-color: var(--main--500);
  --a-color--hover: var(--main--800);
  --list-color: var(--neutral--900);
  --burger-color: var(--neutral--900);
  --burger-color-open: var(--neutral--900);
  --burger-bg-color: var(--background-color);
  --h1-color: var(--p-color);
  --h2-color: var(--p-color);
  --h3-color: var(--p-color);
  --h4-color: var(--p-color);
  --h5-color: var(--p-color);
}
.bg-main {
  --background-color: var(--bg--main);
  --p-color: var(--neutral--50);
  --a-color: var(--neutral--50);
  --a-color--hover: var(--neutral--300);
  --list-color: var(--neutral--50);
  --burger-color: var(--neutral--50);
  --burger-color-open: var(--neutral--50);
  --burger-bg-color: var(--background-color);
  --h1-color: var(--p-color);
  --h2-color: var(--p-color);
  --h3-color: var(--p-color);
  --h4-color: var(--p-color);
  --h5-color: var(--p-color);
}
.bg-light {
  --background-color: var(--bg--light);
  --p-color: var(--neutral--50);
  --a-color: var(--main--500);
  --a-color--hover: var(--main--800);
  --list-color: var(--neutral--50);
  --burger-color: var(--neutral--50);
  --burger-color-open: var(--neutral--50);
  --burger-bg-color: var(--background-color);
  --h1-color: var(--p-color);
  --h2-color: var(--p-color);
  --h3-color: var(--p-color);
  --h4-color: var(--p-color);
  --h5-color: var(--p-color);
}
.bg-dark {
  --background-color: var(--bg--dark);
  --p-color: var(--neutral--50);
  --a-color: var(--neutral--50);
  --a-color--hover: var(--neutral--300);
  --list-color: var(--neutral--50);
  --burger-color: var(--neutral--50);
  --burger-color-open: var(--neutral--50);
  --burger-bg-color: var(--main--500);
  --h1-color: var(--p-color);
  --h2-color: var(--p-color);
  --h3-color: var(--p-color);
  --h4-color: var(--p-color);
  --h5-color: var(--p-color);
}
.bg-transparent, .bg-white, .bg-main, .bg-light, .bg-dark {
  background-color: var(--background-color);
  color: var(--p-color);
}

/* Theme: inVolve || File: objects/rows */
.row-flex {
  display: flex;
}
.row-flex:before, .row-flex:after {
  position: absolute;
}
.row-direction-row {
  flex-direction: row;
}
.row-direction-column {
  flex-direction: column;
}
.row-justify-space-between {
  justify-content: space-between;
}
.row-justify-space-arround {
  justify-content: space-arround;
}
.row-justify-center {
  align-items: center;
}
.row-justify-strech {
  justify-content: stretch;
}
.row-align-space-between {
  align-items: space-between;
}
.row-align-space-arround {
  align-items: space-arround;
}
.row-align-center {
  align-items: center;
}
.row-align-strech {
  align-items: stretch;
}
.row-align-strech .vc_column-inner {
  height: 100%;
}
.row-align-strech .vc_column-inner > .wpb_wrapper {
  height: 100%;
}
.row-align-strech .vc_column-inner > .wpb_wrapper > div {
  height: 100%;
}
.row-wrap {
  flex-wrap: wrap;
}
.row-gap-1 {
  gap: 1rem;
}
.row-gap-2 {
  gap: 2rem;
}
.row-gap-3 {
  gap: 3rem;
}
.row-gap-4 {
  gap: 4rem;
}
.row-gap-5 {
  gap: 5rem;
}

.column-flex > .vc_column-inner {
  display: flex;
}
.column-flex > .vc_column-inner:before, .column-flex > .vc_column-inner:after {
  position: absolute;
}
.column-direction-row > .vc_column-inner {
  flex-direction: row;
}
.column-direction-column > .vc_column-inner {
  flex-direction: column;
}
.column-justify-space-between > .vc_column-inner {
  justify-content: space-between;
}
.column-justify-space-arround > .vc_column-inner {
  justify-content: space-arround;
}
.column-justify-center > .vc_column-inner {
  align-items: center;
}
.column-justify-strech > .vc_column-inner {
  justify-content: stretch;
}
.column-align-space-between > .vc_column-inner {
  align-items: space-between;
}
.column-align-space-arround > .vc_column-inner {
  align-items: space-arround;
}
.column-align-center > .vc_column-inner {
  align-items: center;
}
.column-align-strech > .vc_column-inner {
  align-items: stretch;
}
.column-align-strech > .vc_column-inner > .wpb_wrapper {
  height: 100%;
}
.column-align-strech > .vc_column-inner > .wpb_wrapper > div {
  height: 100%;
}
.column-wrap > .vc_column-inner {
  flex-wrap: wrap;
}
.column-gap-1 > .vc_column-inner {
  gap: 1rem;
}
.column-gap-2 > .vc_column-inner {
  gap: 2rem;
}
.column-gap-3 > .vc_column-inner {
  gap: 3rem;
}
.column-gap-4 > .vc_column-inner {
  gap: 4rem;
}
.column-gap-5 > .vc_column-inner {
  gap: 5rem;
}

.wrapper-flex > .vc_column-inner > .wpb_wrapper {
  display: flex;
}
.wrapper-flex > .vc_column-inner > .wpb_wrapper:before, .wrapper-flex > .vc_column-inner > .wpb_wrapper:after {
  position: absolute;
}
.wrapper-direction-row > .vc_column-inner > .wpb_wrapper {
  flex-direction: row;
}
.wrapper-direction-column > .vc_column-inner > .wpb_wrapper {
  flex-direction: column;
}
.wrapper-justify-space-between > .vc_column-inner > .wpb_wrapper {
  justify-content: space-between;
}
.wrapper-justify-space-arround > .vc_column-inner > .wpb_wrapper {
  justify-content: space-arround;
}
.wrapper-justify-center > .vc_column-inner > .wpb_wrapper {
  align-items: center;
}
.wrapper-justify-strech > .vc_column-inner > .wpb_wrapper {
  justify-content: stretch;
}
.wrapper-align-space-between > .vc_column-inner > .wpb_wrapper {
  align-items: space-between;
}
.wrapper-align-space-arround > .vc_column-inner > .wpb_wrapper {
  align-items: space-arround;
}
.wrapper-align-center > .vc_column-inner > .wpb_wrapper {
  align-items: center;
}
.wrapper-align-strech > .vc_column-inner > .wpb_wrapper {
  align-items: stretch;
}
.wrapper-wrap > .vc_column-inner > .wpb_wrapper {
  flex-wrap: wrap;
}
.wrapper-gap-1 > .vc_column-inner > .wpb_wrapper {
  gap: 1rem;
}
.wrapper-gap-2 > .vc_column-inner > .wpb_wrapper {
  gap: 2rem;
}
.wrapper-gap-3 > .vc_column-inner > .wpb_wrapper {
  gap: 3rem;
}
.wrapper-gap-4 > .vc_column-inner > .wpb_wrapper {
  gap: 4rem;
}
.wrapper-gap-5 > .vc_column-inner > .wpb_wrapper {
  gap: 5rem;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.vc_row {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Theme: inVolve || File: components/animations */
@-webkit-keyframes burger-open {
  50% {
    border-bottom-left-radius: 100%;
    width: max(120vh, 120vw);
    height: max(100vh, 100vw);
  }
  100% {
    border-bottom-left-radius: 0;
    width: max(120vh, 120vw);
    height: max(100vh, 100vw);
  }
}
@keyframes burger-open {
  50% {
    border-bottom-left-radius: 100%;
    width: max(120vh, 120vw);
    height: max(100vh, 100vw);
  }
  100% {
    border-bottom-left-radius: 0;
    width: max(120vh, 120vw);
    height: max(100vh, 100vw);
  }
}
@-webkit-keyframes burger-close {
  100% {
    width: 0vh;
    height: 0vh;
  }
}
@keyframes burger-close {
  100% {
    width: 0vh;
    height: 0vh;
  }
}
/* Theme: inVolve || File: components/buttons */
.btn.btn-default {
  background-color: var(--neutral--50);
  color: var(--neutral--900);
}
.btn.btn-primary {
  background-color: var(--main--500);
  color: var(--neutral--50);
}
.btn.btn-dark {
  background-color: var(--neutral--900);
  color: var(--neutral--50);
}
.btn.btn-light {
  background-color: var(--neutral--50);
  color: var(--main--700);
}
.btn.btn-to-top {
  color: var(--main--500);
  z-index: 999;
}

/* Theme: inVolve || File: components/footer */
footer {
  position: relative;
}
footer a {
  color: var(--a-color);
}
footer .main-footer hr {
  margin-top: 0;
}
footer .main-footer ul {
  padding: 0;
  list-style: none;
  padding: 0;
}
footer .main-footer.footer-xl {
  min-height: 100vh;
  display: flex;
  align-items: center;
}
footer .main-footer.footer-xl > .row {
  flex: 1;
}

.btn-to-top {
  position: fixed;
  bottom: 15px;
  left: 15px;
  font-size: 2rem;
  line-height: 2rem;
  border: 2px solid;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.btn-to-top.ocult {
  opacity: 0;
  width: 0;
  height: 0;
  border: 0;
  overflow: hidden;
}

/* Theme: inVolve || File: components/pageTitle */
.page-title.fullheight {
  height: calc(100vh - var(--header-height) - var(--header-padding-top) - var(--header-padding-bottom));
}

@media (max-width: 782px) {
  .admin-bar .page-title.fullheight {
    height: calc(100vh - var(--header-height) - 46px - var(--header-padding-top) - var(--header-padding-bottom));
  }
}
@media (min-width: 783px) {
  .admin-bar .page-title.fullheight {
    height: calc(100vh - var(--header-height) - 32px - var(--header-padding-top) - var(--header-padding-bottom));
  }
}

/* Theme: inVolve || File: components/headers/logos */
.header-bar .logo {
  height: var(--header-height);
}
.header-bar .logo-desktop {
  display: none;
}
@media screen and (min-width: 1200px) {
  .header-bar .logo-desktop {
    display: initial;
  }
}
@media screen and (min-width: 1200px) {
  .header-bar .logo-mobile {
    display: none;
  }
}
.header-bar-logos {
  z-index: var(--z-index-9);
  position: relative;
}

/* Theme: inVolve || File: components/headers/burgerIcon */
.burger {
  position: relative;
  z-index: var(--z-index-1);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: var(--burger-size);
  height: var(--burger-size);
  margin: 0;
}
.burger_item {
  position: relative;
  left: 0;
  width: var(--burger-size);
  height: 0.25rem;
  background-color: var(--burger-color);
  transition: 0.5s ease-in-out;
}
.burger:hover .burger_item:nth-child(2) {
  width: 1.5rem;
}
.burger:focus {
  outline: 1px solid var(--main--500);
}

#burger-toggle:checked ~ .burger :first-child {
  transform-origin: top left;
  transform: rotate(45deg);
}
#burger-toggle:checked ~ .burger :nth-child(2) {
  width: 0rem;
  left: 0;
}
#burger-toggle:checked ~ .burger :nth-child(3) {
  transform-origin: bottom left;
  transform: rotate(-45deg);
}
#burger-toggle:checked ~ .burger .burger_item {
  background-color: var(--burger-color-open);
  left: 0.4rem;
}

/* Theme: inVolve || File: components/.header */
#header {
  z-index: var(--z-index-9);
}

.header-bar {
  padding: var(--header-padding);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.header-bar #burger-toggle {
  display: none;
}
.header-bar nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  max-height: 100vh;
  padding-top: calc(var(--header-height) + calc(var(--header-padding-top) + var(--header-padding-bottom)));
  padding-inline: var(--header-padding-left) var(--header-padding-right);
  background-color: var(--burger-bg-color);
  transform: translateX(100vw);
  transition: 0.25s ease-in-out;
}
@media screen and (min-width: 1200px) {
  .header-bar nav {
    position: absolute;
  }
}
.header-bar #burger-toggle:checked ~ nav {
  transform: translateX(0);
}
.header-bar .group-social {
  display: none;
}
@media screen and (min-width: 1200px) {
  .header-bar.display-change .burger {
    display: none;
  }
  .header-bar.display-change nav {
    background-color: var(--background-color);
    position: initial;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--header-menu-gap);
    transform: translate(0);
    padding: 0;
  }
  .header-bar.display-change nav .main-menu {
    display: initial;
  }
  .header-bar.display-change nav .main-menu .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--header-menu-gap);
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .header-bar.display-change nav .menu-utility,
.header-bar.display-change nav .header-utility {
    display: none;
  }
}
.header-bar-menu {
  z-index: var(--z-index-8);
}

/* Theme: inVolve || File: components/headers/positions */
.header-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.header-fixed {
  position: fixed;
  width: 100%;
  top: 0;
}
.header-static {
  position: initial;
}

/* Theme: inVolve || File: components/headers/width */
.header-container, .header-container .header-nav {
  --container-width: 100%;
  width: var(--container-width);
  padding-inline: calc((100vw - var(--container-width)) / 2);
  box-sizing: content-box;
}
@media screen and (min-width: 768px) {
  .header-container, .header-container .header-nav {
    --container-width: 750px;
  }
}
@media (min-width: 992px) {
  .header-container, .header-container .header-nav {
    --container-width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  .header-container, .header-container .header-nav {
    --container-width: 1170px;
  }
}
.header-full {
  width: 100%;
}

/* Theme: inVolve || File: components/headers/headerInstitution */
.header-institution .header-bar-logos {
  display: flex;
  gap: var(--header-institution-logo-gap);
}

/* Theme: inVolve || File: components/topUtility */
.top-utility-bar {
  display: none;
  padding: 0.5rem 1rem;
}
.top-utility-bar .container-fluid {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .top-utility-bar {
    display: block;
  }
}
.top-utility-bar .row-flex {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.top-utility-bar .row-flex > .module-group {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.top-utility-bar .btn.btn-utility {
  background-color: var(--main--500);
  color: var(--neutral--50);
}
.top-utility-bar .btn.btn-utility:hover {
  background-color: var(--main--700);
}
.top-utility-bar .btn.btn-utility a {
  color: inherit;
}
.top-utility-bar .btn.btn-utility a:hover {
  text-decoration: none;
}
.top-utility-bar .social-list {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  height: 100%;
  margin-bottom: 0;
  align-items: center;
  font-size: inherit;
}
.top-utility-bar .social-list .btn-icon {
  padding: 0;
  font-size: inherit;
}

/* Theme: inVolve || File: components/lists */
.list-inline {
  margin: 0;
}

.module, .module-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Theme: inVolve || File: components/wp_elements/iconTitleBlock */
.icon-title-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.icon-title-block-image {
  max-width: 5rem;
  max-height: 5rem;
  height: 5rem;
  width: 5rem;
}
.icon-title-block-head {
  order: 2;
}
.icon-title-block-body {
  order: 1;
}
.icon-title-block-footer {
  order: 3;
}

/* Theme: inVolve || File: components/wp_elements/modal */
.in-modal-container.align-center {
  text-align: center;
}
.in-modal-container.align-left {
  text-align: left;
}
.in-modal-container.align-right {
  text-align: right;
}
.in-modal-block.in {
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
  top: 3rem;
}
.in-modal-body {
  background-color: var(--neutral--50);
  width: 90%;
  max-width: 60rem;
  padding: 1rem;
  position: relative;
}
.in-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  background-color: transparent;
  border: none;
}

/* Theme: inVolve || File: components/wp_elements/clickableBox */
.in-clickable-box {
  cursor: pointer;
}

/* Theme: inVolve || File: components/wp_elements/tagList */
.tag-item {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  position: absolute;
  font-size: inherit;
  background-color: var(--main--100);
  border-radius: 2em;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tag-item p {
  margin-bottom: 0;
}
.tag-item i {
  padding-right: 0.5rem;
  color: var(--main--500);
}
.tag-item:hover {
  background-color: var(--main--200);
}
.tag-item.tag-show {
  transition: opacity 0.5s ease-in-out, background 0.5s ease-in-out;
  opacity: 1;
  z-index: 0;
  position: relative;
  pointer-events: all;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.tag-column {
  height: 100%;
}
.tag-column .vc_column-inner {
  height: 100%;
}
.tag-column .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.tag-items {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}

.light .tag-item {
  background-color: var(--main--500);
  color: var(--neutral--50);
}
.light .tag-item i {
  color: var(--neutral--50);
}
.light .tag-item:hover {
  background-color: var(--main--600);
}

/* Theme: inVolve || File: utils/classes */
.uppercase {
  text-transform: uppercase;
}

.text-sm {
  --p-desktop: 0.75rem;
  --p-mobile: 0.75rem;
}

.text-center {
  text-align: center;
}

/* Theme: inVolve || File: utils/important */