/* overall header */
.header-wrapper{
    position:relative;
}
.header-wrapper *{
    transition:all .3s ease;
}
#custom-header{
    background:black !important;
    padding:10px 26px !important;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
/* header logo */
.header-logo img{
    max-height:41.34px;
    max-width:100%;
}
/* header menu */
ul.header-menu-list{
    display:flex;
    list-style:none;
    align-items:center;
    padding:10px;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-link a{
    color:white !important;
    font-size:16px;
    font-weight:500;
    padding:6px 24px;
    cursor:pointer;
    position:relative;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-link{
    position:relative;
}

body.evo #wrapper header ul.header-menu-list li.header-menu-link:hover a{
    color:#FDB913 !important;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-link:hover ul li a{
    color:black !important;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-dropdown:hover svg path{
    fill:#FDB913;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-link button, .cybered-btn{
    color: black !important;
    font-weight:600;
    padding:6px 24px;
    border-radius:7px;
    font-size:16px;
    line-height:20px;
    background-color: #FDB913;
    border:2px solid #FDB913;
    transition:all .3s ease;
}
.cybered-btn{
    margin-left: 0 !important;
    margin-bottom: 20px;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-link button:hover, .cybered-btn:hover{
    background:black;
    color:#FDB913 !important;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-dropdown svg{
    width:10px;
    margin-left:10px;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-dropdown svg path{
    fill:white;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-dropdown ul li{
    border-bottom:1px solid #70707038;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-dropdown ul li:last-child{
    border-bottom:none;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-dropdown ul li a{
    color:black !important;
    font-size:13px;
    line-height:20px;
    padding:10px 24px;
}
body.evo #wrapper header ul.header-menu-list li.header-menu-dropdown ul li a:hover{
    color:black !important;
}
.header-menu-dropdown ul{
    position:absolute;
    top:calc(100% + 6px);
    left:50%;
    transform:translateX(-50%);
    background:white;
    opacity:0;
    pointer-events:none;
    z-index:-1;
    box-shadow:0px 0px 35px -10px rgba(0,0,0,0.5);
}
.header-menu-dropdown ul li{
    display:flex;
}
.header-menu-dropdown.active ul{
    opacity:1;
    pointer-events:all;
    z-index:11;
}

/* Evo theme fix styling */
/*
body.evo .catalog_boxes:not(.narrow_headers)>a .header h2, body.evo .catalog_boxes:not(.narrow_headers)>div .header h2{
    height:60px;
}
*/

/* mobile */

.portal header .mobile-menu-button{
    display:none !important;

    background:#FDB913;
    border-radius:8px;
    width:28px;
    height:28px;
    padding:10px;
    position:relative !important;
    flex-shrink:0;
    margin-left:10px;
}
.mobile-menu-button-line{
    display:block;
    width:28px;
    height:4px;
    border-radius:48px;
    background:#000;
    position:absolute;
    top:14px;
}
.mobile-menu-button-line:nth-child(2){
    top:50%;
    transform:translateY(-50%);
}
.mobile-menu-button-line:nth-child(3){
    top: 30px;
}
.mobile-menu-button.active .mobile-menu-button-line{
    top:50%;
    transform: translateY(-50%) rotate(45deg);
}
.mobile-menu-button.active .mobile-menu-button-line:nth-child(2){
    transform:translateY(-50%) rotate(135deg);
}
.mobile-menu-button.active .mobile-menu-button-line:nth-child(3){
    opacity:0;
}
.mobile-header-menu{
    opacity:0;
    pointer-events:none;
    position:absolute;
    width:100%;
    top:70px;
    left:0;
    z-index:-1;
    display:flex;
    flex-direction:column;
    background:white;
    max-height:0;
}
.mobile-header-menu.active{
    opacity:1;
    pointer-events:all;
    z-index:12;
    max-height:1024px;
}
.mobile-header-menu-list{
    display:flex;
    width:100%;
    flex-direction:column;
}
body.evo .mobile-header-link{
    display:flex;
    border-bottom:1px solid #70707038;
    flex-direction:column;
}
body.evo .mobile-header-link:last-child{
    border-bottom:none;
}
body.evo .mobile-header-link a, body.evo .mobile-header-link button{
    padding: 20px 33px;
    font-size:16px;
    font-weight:400;
    line-height:20px;
    color:#000;
    text-align:left;
}
body.evo .mobile-header-link a:hover{
    color:#000;
}
body.evo .mobile-header-dropdown.active a.mobile-header-dropdown-button{
    background:#F7F7FF;
}
body.evo .mobile-header-dropdown ul{
    opacity:0;
    pointer-events:none;
    max-height:0;
    padding-left:8px;
}
body.evo .mobile-header-dropdown ul li{
    display:flex;
    border-bottom:1px solid #70707038;
}
body.evo .mobile-header-dropdown ul li:last-child{
    border-bottom:none;
}
body.evo .mobile-header-dropdown ul li a{
    padding: 20px 33px;
    font-size:11px;
    font-weight:400;
    line-height:20px;
    color:#000;
}
body.evo .mobile-header-dropdown.active ul{
    opacity:1;
    pointer-events:all;
    max-height:500px;
}
.mobile-header-dropdown svg{
    width:10px;
    margin-left:10px;
}
@media screen and (max-width:1025px){
    .portal header .mobile-menu-button{
        display:block !important;
    }
    body.evo #wrapper header#custom-header{
        flex-direction:row;
    }
    .portal header .header-menu{
        display:none;
    }
}

/* footer */ 

#custom-footer{
    background:black;
    display:flex;
    flex-direction:column;
    padding:20px 30px;
}
body.user #custom-footer{
    padding-left:130px;
}
body.user #custom-footer.submenu-active{
    padding-left:210px;
}
#custom-footer p{
    color:white;
    font-size:16px;
    line-height:22.4px;
}
.footer-top{
    display:flex;
    gap:50px;
    padding:30px 0;
    justify-content: space-between;
    align-items: center;
}
.footer-branding{
    display:flex;
    flex-direction:column;
    max-width:338px;
    flex-shrink:0;
}
.footer-branding-logo a{
    max-width:338px;
}
.footer-branding-logo a img{
    width:100%;
}
.footer-branding-socials{
    display:flex;
    flex-wrap:wrap;
}
body.evo .footer-branding-socials a{
    display:flex;
    justify-content: center;
    align-items: center;
    min-width:50px;
    min-height:50px;
    color:white;
}
body.evo .footer-branding-socials a:hover{
    color:white;
}
.footer-branding-socials svg{
    width:25px;
    fill:white;
}
.footer-branding-socials svg path{
    fill:white;
}
.footer-text2{
}
.footer-text2 p{
    text-align:center;
    margin:0;
}
body.evo .footer-text2 p a{
    color:white;
}
@media screen and (max-width:1025px){
    body.user #custom-footer{
        padding-left:20px;
        left:0;
        width:auto;
        z-index:0;
        padding-bottom:70px;
    }
    body.user #custom-footer.submenu-active{
        padding-left:20px;
    }
    .footer-branding-socials{
        justify-content: center;
    }
}
@media screen and (max-width:993px){
    #custom-footer .footer-top{
        flex-direction:column;
    }
}
body.evo .catalog_boxes:not(.narrow_headers)>a .header h2, body.evo .catalog_boxes:not(.narrow_headers)>div .header h2{
    max-height:66px;
}
.frmLogin label{
    width:auto;
}
.frmLogin label[for="userid"]{
    width:67px;
}
.frmLogin input{
    margin-bottom:10px;
}
.frmLogin .loginOptions{
    margin-bottom:10px;
}
#up-popups .frmLogin #submit_button{
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    font-weight:500;
}
.frmLogin .difSignIn{
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    margin-top:20px;
    color:white;
    font-weight:700;
    border-radius:8px;
}
#up-popups .popup.content-driven:has(.frmLogin){
    max-width:360px;
}

body.loginPage #loginForm{
    padding-bottom:15px;
}
body.loginPage #loginForm .difSignIn{
    display:flex;
    justify-content: center;
}

.user .profile_info_holder{
    margin-top:30px;
}


/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-primary: Montserrat, sans-serif;
    --color-primary: #FDB913;
    --color-primary-bright: #FDB913;
    --color-background: #fff;
    --color-dark-text: #000;
    --color-light-border: #30303d;
    --color-ismg-grey: #c8c8c8;
    --color-ismg-dgrey: #3D3D3D;
    --color-ismg-agrey: #535467;
    --radius-ismg: 5px;
    --spacing-btn: 15px 30px;
    --spacing-ismg-min: 180px;
  }
}
@layer base {
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .-top-full {
    top: -100%;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5) !important;
    margin-right:0;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline-block {
    display: inline-block;
  }
  .h-27\.5 {
    height: calc(var(--spacing) * 27.5);
  }
  .h-auto {
    height: auto;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .w-full {
    width: 100%;
  }
  .max-w-25 {
    max-width: calc(var(--spacing) * 25);
  }
  .max-w-45 {
    max-width: calc(var(--spacing) * 45);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .border-t {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .border-light-border {
    border-color: var(--color-light-border);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .bg-background {
    background-color: var(--color-background);
  }
  .opacity-0 {
    opacity: 0%;
  }
  #lms-custom-nav .p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  #lms-custom-nav .px-7\.5 {
    padding-inline: calc(var(--spacing) * 7.5) !important;
  }
  #lms-custom-nav .px-20 {
    padding-inline: calc(var(--spacing) * 20) !important;
  }
  #lms-custom-nav .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  #lms-custom-nav .py-7\.5 {
    padding-block: calc(var(--spacing) * 7.5) !important;
  }
  #lms-custom-nav .py-10 {
    padding-block: calc(var(--spacing) * 10) !important;
  }
  #lms-custom-nav .pr-5 {
    padding-right: calc(var(--spacing) * 5) !important;
  }
  .text-center {
    text-align: center;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-default {
    color: var(--color-dark-text);
  }
  .text-small {
    font-size: 16px;
    line-height: 26px;
  }
  .text-smaller {
    font-size: 14px;
    line-height: 24px;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex !important;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:max-w-40 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 40);
    }
  }
  .lg\:max-w-45 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 45);
    }
  }
  .xl\:gap-11 {
    @media (width >= 80rem) {
      /* edited for lms */
      gap: calc(var(--spacing) * 8);
    }
  }
}
@layer base {
  #lms-custom-nav * {
    font-family: var(--font-primary);
    color: var(--color-dark-text);
    transition: all .3s ease;
  }
  body.evo #lms-custom-nav a {
    font-family: var(--font-primary) !important;
    color: var(--color-dark-text) !important;
    transition: all .3s ease;
  }
  #lms-custom-nav h5, .h5 {
    font-size: 18px !important;
    color: var(--color-dark-text) !important;
    font-weight:700 !important;
    line-height: 24px;
  }
  .text-default {
    font-size: 18px;
    line-height: 30px;
  }
  .text-small {
    font-size: 16px;
    line-height: 26px;
  }
  .text-smaller {
    font-size: 14px;
    line-height: 24px;
  }
  @media screen and (max-width:767.99px) {
    .text-default {
      font-size: 16px;
      line-height: 24px;
    }
    .text-small {
      font-size: 14px;
      line-height: 22px;
    }
    .text-smaller {
      font-size: 12px;
      line-height: 20px;
    }
  }
  
  body.evo #lms-custom-nav a:hover {
    color: var(--color-primary) !important;
  }
  #lms-custom-nav .btn2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-ismg);
    padding: var(--spacing-btn);
    background-color: var(--color-primary);
    border-style: solid;
    border-width: 2px;
    border-color: var(--color-primary);
    color: var(--color-black);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    flex-shrink: 0;
  }
  .btn2:hover {
    background-color: transparent !important;
    color: var(--color-primary) !important;
  }
  #lms-custom-nav .container {
    margin-inline: auto;
  }
}
.dropdown-menu.active {
  opacity: 100%;
  top: calc(var(--spacing) * 27.5);
  pointer-events: auto;
  z-index: 50;
  box-sizing:border-box;
}
.toggle-link{
    display:flex;
    align-items:center;
}
.toggle-link:hover {
  color: var(--color-primary-bright);
}
.toggle-link.btn2:hover {
  color: var(--color-primary) !important;
  background:transparent;
}
.dropdown-toggle .toggle-link:hover i:before {
  color: var(--color-primary-bright) !important;
  transition:all .3s ease;
}
.dropdown-toggle.active .toggle-link, .mobile-dropdown-toggle.active {
  transition:all .3s ease;
}
.dropdown-toggle.active .toggle-link i, .mobile-dropdown-toggle.active i {
  rotate: 180deg;
  transition:all .3s ease;
}

.dropdown-toggle.active .toggle-link i:before, .mobile-dropdown-toggle.active i:before {
  transition:all .3s ease;
}
.dropdown-toggle.active .toggle-link i path, .mobile-dropdown-toggle.active i path {
  stroke: var(--color-primary-bright);
  transition:all .3s ease;
}
.mobile-dropdown-toggle{
  font-size:16px !important;
  display:flex !important;
  align-items: center;
}
.mobile-dropdown-toggle i{
  display:flex !important;
  align-items: center;
}
.dropdown-menu a:hover {
  color: var(--color-primary-bright);
  text-shadow: 0.5px 0 0 var(--color-primary-bright);
}
.dropdown-menu a:hover i {
  color: var(--color-primary-bright);
}
.dropdown-menu h5 {
  min-height: 24px;
}
.dropdown-menu .dropdown-col {
  border-right-style: solid;
  border-right-width: 1px;
  border-color: var(--color-ismg-grey);
  flex-grow: 1;
}
.dropdown-menu .dropdown-col:last-child {
  border-width: 0px;
}
.hamburger-button {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  width: 27.5px;
  height: 22px;
  position: relative;
}
.hamburger-button .line {
  width: 100%;
  height: 2px;
  background: #000;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
}
.hamburger-button .line:nth-child(1) {
  transform: translateY(-400%);
}
.hamburger-button .line:nth-child(3) {
  transform: translateY(400%);
}
.hamburger-button.active .line:nth-child(1) {
  transform: translateY(-50%) rotate(45deg);
}
.hamburger-button.active .line:nth-child(2) {
  opacity: 0;
}
.hamburger-button.active .line:nth-child(3) {
  transform: translateY(-50%) rotate(-45deg);
}
#lms-custom-nav .mobile-dropdown-menu.active {
  opacity: 100%;
  max-height: fit-content;
  pointer-events: auto;
}

#lms-custom-nav .mobile-dropdown-menu.active{
  padding-block: 12px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.mobile-menu.active {
  opacity: 100%;
  top: calc(var(--spacing) * 27.5);
  pointer-events: auto;
  z-index: 60;
  --tw-border-style: none;
  border-style: none;
}
#lms-custom-nav .mobile-menu{
  box-sizing:border-box !important;
}
@media screen and (max-width:1279.99px) {
  .btn2.toggle-link {
    min-width: 0;
    padding-inline: calc(var(--spacing) * 2.5);
  }
}
.column-link{
  display:flex;
  align-items:center;
}
.column-link i{
  display:flex !important;
  align-items:center;
}
.grid-cols-2{
  grid-template-columns: 1fr 1fr;
}
#lms-custom-nav .menu-item:hover, #lms-custom-nav .menu-item:focus{
  background:none !important;
}