/* RENGANURA_PUBLIC_NAVBAR_VISIBLE_V3_CSS */

:root{
  --rg-v3-green:#052E16;
  --rg-v3-mint:#DCFCE7;
  --rg-v3-white:#FFFFFF;
}

html body{
  font-family:Calibri, "Segoe UI", Arial, sans-serif !important;
}

@media(min-width:901px){
  body.rg-public-navbar-v3-ready{
    padding-top:0 !important;
  }

  body.rg-public-navbar-v3-ready header,
  body.rg-public-navbar-v3-ready .site-header,
  body.rg-public-navbar-v3-ready .navbar,
  body.rg-public-navbar-v3-ready .topbar,
  body.rg-public-navbar-v3-ready .rg-public-nav-host,
  body.rg-public-navbar-v3-ready .rg-public-nav-v2{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  #rgPublicNavbarV3{
    width:100% !important;
    height:96px !important;
    min-height:96px !important;
    background:var(--rg-v3-green) !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
    padding:0 48px !important;
    box-sizing:border-box !important;
    font-family:Calibri, "Segoe UI", Arial, sans-serif !important;
    position:relative !important;
    z-index:40 !important;
    overflow:hidden !important;
  }

  #rgPublicNavbarV3 *{
    font-family:Calibri, "Segoe UI", Arial, sans-serif !important;
    box-sizing:border-box !important;
  }

  .rg-v3-brand{
    flex:0 0 360px !important;
    min-width:360px !important;
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    color:#fff !important;
    text-decoration:none !important;
  }

  .rg-v3-logo{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:999px !important;
    background:#fff !important;
    padding:4px !important;
    object-fit:contain !important;
  }

  .rg-v3-brand-text{
    display:flex !important;
    flex-direction:column !important;
    line-height:1.08 !important;
    min-width:0 !important;
  }

  .rg-v3-brand-text strong{
    color:#fff !important;
    font-size:22px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .rg-v3-brand-text small{
    color:var(--rg-v3-mint) !important;
    font-size:14px !important;
    font-weight:400 !important;
    margin-top:4px !important;
    white-space:nowrap !important;
  }

  .rg-v3-menu{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  .rg-v3-menu a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 2px !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    background:transparent !important;
    border:0 !important;
  }

  .rg-v3-menu a:hover{
    color:var(--rg-v3-mint) !important;
  }

  .rg-v3-menu a.rg-v3-login{
    border:1px solid rgba(220,252,231,.75) !important;
    border-radius:999px !important;
    padding:0 15px !important;
    background:rgba(255,255,255,.08) !important;
    font-size:16px !important;
  }

  .rg-v3-menu a.rg-v3-login:hover{
    background:#fff !important;
    color:var(--rg-v3-green) !important;
  }

  .rg-v3-lang{
    flex:0 0 270px !important;
    min-width:270px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    white-space:nowrap !important;
  }

  .rg-v3-lang span{
    color:var(--rg-v3-mint) !important;
    text-transform:uppercase !important;
    letter-spacing:.12em !important;
    font-size:13px !important;
    font-weight:900 !important;
  }

  .rg-v3-lang select{
    width:142px !important;
    min-width:142px !important;
    max-width:142px !important;
    height:40px !important;
    min-height:40px !important;
    border:1px solid rgba(220,252,231,.85) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--rg-v3-green) !important;
    padding:0 30px 0 14px !important;
    font-size:16px !important;
    font-weight:800 !important;
    outline:none !important;
  }

  .rg-public-hide-public-addons,
  .rg-public-nav-v2-hidden,
  [data-rg-floating-language="1"],
  .rg-floating-language-cleanup,
  .translation-engine-active{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media(min-width:901px) and (max-width:1360px){
  #rgPublicNavbarV3{
    padding:0 22px !important;
    gap:12px !important;
  }

  .rg-v3-brand{
    flex-basis:285px !important;
    min-width:285px !important;
  }

  .rg-v3-brand-text strong{
    font-size:18px !important;
  }

  .rg-v3-brand-text small{
    font-size:12px !important;
  }

  .rg-v3-menu{
    gap:10px !important;
  }

  .rg-v3-menu a{
    font-size:14px !important;
  }

  .rg-v3-menu a.rg-v3-login{
    font-size:14px !important;
    padding:0 10px !important;
  }

  .rg-v3-lang{
    flex-basis:210px !important;
    min-width:210px !important;
    gap:7px !important;
  }

  .rg-v3-lang span{
    font-size:11px !important;
  }

  .rg-v3-lang select{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    font-size:14px !important;
  }
}

@media(max-width:900px){
  #rgPublicNavbarV3{
    display:none !important;
  }
}