siteTitle {
    font-family: "Roboto", sans-serif !important;
    font-size:44px !important;
    font-weight: 700 !important;
}
h1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
}
h2 {
    font-family: "Roboto", sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}
h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}
h4 {
    font-family: "Roboto", sans-serif !important;
    font-size: 26px !important;
    font-weight: 300 !important;
}
h5 {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
}
p {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}

ul {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}

smallText {
    font-family: "Roboto" !important;
    font-size: 12px !important;
    font-weight: 300;
}

a {
    font-style: normal !important;
}

.navbar-fixed-top .navbar-brand {
  color: #ffffff !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff !important;
}

.navbar-static-top.navbar-inverse {
  background-color: #ffffff !important;
  border-color: transparent !important;
}

.navbar-static-top.navbar-inverse .navbar-brand {
  color: #ffffff !important;
}

.navbar-static-top.navbar-inverse .divider-vertical {
  border-right-color: #ffffff;
  border-left-color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #000000;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #000000;
  background-color: #ffffff;
  border-bottom: 4px solid #ffffff;
  padding-bottom: 10px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
   background-color: #FFFFFF;
}

.navbar-inverse .navbar-toggle {
    border-color: #000000;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border: 2px solid #000000
}


:root {
  --portalThemeColor1: #FFFFFF;
  --portalThemeColor2: #00BCF2;
  --portalThemeColor3: #67222F;
  --portalThemeColor4: #00AEEF;
  --portalThemeColor5: #EF7085;
  --portalThemeColor6: #E3126E;
  --portalThemeColor7: #353A49;
  --portalThemeColor8: #FFFFFF;
  --portalThemeColor9: #00AEEF;
  --portalThemeColor10: ;
  --portalThemeColor11: ;
  --portalThemeColor12: ;
  --portalThemeOnColor1: #FFFFFF;
  --portalThemeOnColor2: #353A49;
  --portalThemeOnColor3: #FFFFFF;
  --portalThemeOnColor4: #FFFFFF;
  --portalThemeOnColor5: #353A49;
  --portalThemeOnColor6: #FFFFFF;
  --portalThemeOnColor7: #FFFFFF;
  --portalThemeOnColor8: #353A49;
  --portalThemeOnColor9: #353A49;
  --portalThemeOnColor10: ;
  --portalThemeOnColor11: ;
  --portalThemeOnColor12: ; }


.button1 {
  color: #FFFFFF;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: #E3126E;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: #E3126E; }
  .button1:not(.gjs-selected):hover {
    color: #FFFFFF;
    background-color: #00AEEF;
    border-color: #00AEEF; }
  .button1:not(.gjs-selected):active, .button1.active:not(.gjs-selected) {
    color: #FFFFFF;
    background-color: #00AEEF; }
  .button1:focus, .button1.focus {
    color: #FFFFFF;
    background-color: #00AEEF; }

.button2, .btn-default {
  color: #00779F;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: #00779F;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: transparent; }
  .button2:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover {
    color: #FFFFFF;
    background-color: #00779F;
    border-color: #00779F; }
  .button2:not(.gjs-selected):active, .button2.active:not(.gjs-selected), .btn-default:not(.gjs-selected):active, .btn-default.active:not(.gjs-selected) {
    color: #FFFFFF;
    background-color: #00779F; }
  .button2:focus, .button2.focus, .btn-default:focus, .btn-default.focus {
    color: #FFFFFF;
    background-color: #00779F; }