/*DESKTOP*/
@media only all and (min-width: 48rem) {
  .detour-box p {
    font-size: 1.2rem;
  }
.g-home-particles.g-helium-style #g-navigation {
    background: #fff;
  }
  .nui.form .fields {
    display: flex;
    gap: var(--space);
    flex-wrap: wrap;
    margin-bottom: 30px;
}
  #g-navigation .g-container {
    position: relative;
    width: 80rem;
}
}
.jl-light {
    color: #000;
}
.jl-accordion-content {
    display: flow-root;
    margin-top: 0px;
    padding: 20px;
}
.jl-card-default {
    --jl-inverse: dark;
    background-color: #eee;
    color: #666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .06);
}
.jl-card-primary {
    --jl-inverse: none;
    background-color: #f07a22;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .06);
}
.jl-card-secondary {
    --jl-inverse: none;
    background-color: #6c8ac3;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .06);
}
.jl-h3, h3 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600;
}
.complete h3 {
    color: #222d61;
}
/*MOBILE*/
@media only screen and (max-width: 600px) {
  .detour-box {
    padding:20px;
  }
  .h1-padleft {
    padding-left:20px;
  }
  .footer-logo {
   max-width: 50% !important;
   margin: 0 auto;
  }
  #top-logo {
    margin-top:40px;
  }
  #g-mainbar {
    background: #ffffff;
    color: #424753;
    padding:2rem 0px;
}
  #g-mainbar .g-content {
    margin:0px;
    padding:0px;
  }
}
/*GLOBAL*/
#g-mobilemenu-container .g-toplevel li .g-menu-item-content {
    display: inline-block;
    line-height: 1.5rem;
}
@media only all and (min-width: 40rem) and (max-width: 74.99rem){
#g-navigation .g-container {
    width: 60rem;
}
  }
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
    color: #f07a22;
}

#g-navigation .g-main-nav .g-dropdown {
    background: white;
    border: 1px solid rgba(34, 45, 97, 0.2);
    border-radius: 0.25rem;
    min-width: fit-content;
}

#g-navigation .g-main-nav .g-toplevel {
    line-height: 0;
}
#g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 1rem;
}
#nav-bar {
  align-self: flex-end;
}
.g-toplevel > li:first-child{
   display:none;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0.469rem 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    transition: 0.35s ease;
}
figcaption {
    text-align: center;
    font-weight: 600;
}
a {
    color: #6c8ac3;
    transition: all 0.2s;
    font-weight: 600;
}
.fa-file-pdf {
    color: red;
}
.fa-file-video {
    color: black;
}
h1 {
    font-weight: 700;
    color:#f07a22;
}
h1, h2, h3 {
  margin:0px;
  font-weight: 600;
  line-height: normal;
}
h2, h3 {
  margin:0px;
  font-weight: 600;
  color: #6c8ac3;
}
h4 {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    margin: 0px;
    background-color: #222d61;
    color: #fff;
    padding: 5px 0px;
}

hr {
    margin: 1.5rem 0;
    border-bottom: 3px solid #bbb;
}
body {
    font-size: 1.3rem;
    line-height: 1.5;
}
body p{
    font-size: 1.3rem;
    line-height: 1.5em;
}
.main-pages {
      border-top: 5px solid #f07a22;
}
.main-button {
    margin: 1.25rem 0.625rem 0.625rem;
    padding: 0.938rem;
    text-align: center;
    color: #ffffff;
    font-size: 1.5em;
    background-color: #222d61;
    border: 5px solid #f07a22;
    display: inline-block;
    transition-duration: .7s;
    font-weight: 600;
}
.main-button:hover {
    background: #312f38;
    border-color: #312f38;
    color:#bbb;
}
.square {
  list-style-type: none;
  line-height: 1.5em;
}
.square li {
  padding-bottom:10px;
}
.square li::before {
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #f07a22; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.wf-mediabox-caption p, .wf-mediabox-caption p {
    max-height: 25vh;
    overflow: auto;
    text-align: center;
}
  .image-popup img {
    transition-duration: .7s;
  }
  .image-popup img:hover {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    transition-duration: .7s;
}
.nui.button {
    padding: calc(var(--pad) * 1.3) calc(var(--pad) * 2);
    border-radius: calc(var(--rad) * .65);
    font-weight: 700;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1em;
    display: inline-flex;
    align-items: center;
    gap: var(--space);
    position: relative;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    margin-top: 20px;
}
@media only all and (min-width: 48rem){
  .w2-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.w4-card {
    margin: 20px;
    flex-basis: 0;
    flex-grow: 1;
  	height: fit-content;
}
.w4-card img:hover {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
  .w5-card {
    margin: 0px 10px 0px 0px;
    flex-basis: 0;
    flex-grow: 1;
    height: fit-content;
}
  .w5-card img {
    transition-duration: .7s;
  }
  .w5-card img:hover {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    transition-duration: .7s;
}
  }
/*FOOTER*/
#g-footer a:hover {
    opacity: .8;
}
#top-logo a:hover {
    opacity: .8;
}