@font-face {
  font-family: 'PT Serif';
  font-weight: 400;
  font-style: normal;
  src: url('https://ranzcrportal.blob.core.windows.net/assets/fonts/PT-Serif-regular/PT-Serif-regular.eot');
  src: url('https://ranzcrportal.blob.core.windows.net/assets/fonts/PT-Serif-regular/PT-Serif-regular.eot?#iefix') format('embedded-opentype'),
  local('PT Serif'),
  local('PT-Serif-regular'),
  url('https://ranzcrportal.blob.core.windows.net/assets/fonts/PT-Serif-regular/PT-Serif-regular.woff2') format('woff2'),
  url('https://ranzcrportal.blob.core.windows.net/assets/fonts/PT-Serif-regular/PT-Serif-regular.woff') format('woff'),
  url('https://ranzcrportal.blob.core.windows.net/assets/fonts/PT-Serif-regular/PT-Serif-regular.ttf') format('truetype'),
  url('https://ranzcrportal.blob.core.windows.net/assets/fonts/PT-Serif-regular/PT-Serif-regular.svg#PTSerif') format('svg');
}

@font-face {
    font-family: "Nunito"; 
    src: url("https://ranzcrportal.blob.core.windows.net/assets/fonts/Nunito/Nunito.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: normal; 
    font-display: swap;
}

@font-face {
    font-family: "Merriweather"; 
    src: url("https://ranzcrportal.blob.core.windows.net/assets/fonts/Merriweather/Merriweather.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: normal; 
    font-display: swap;
}

.user-authenticated,.user-anonymous{display:none !important;}

body {
  --bs-font-sans-serif: Nunito,Arial,san-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-merriweather: Merriweather,Arial,san-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-navbar-toggler-icon-bg1: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2889, 96, 131, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 16px;
  --bs-body-line-height: 26px;
  --bs-body-color: #262729;
  --bs-body-bg: #EFECEC;
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
}
.fui-FluentProvider.fui-FluentProvider.fui-FluentProvider,
.fui-FluentProvider1.fui-FluentProvider1.fui-FluentProvider1 {
  /* Override Fabric UI CSS to use same font */
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
}

.navbar-toggler-icon{
  background-image: var(--bs-navbar-toggler-icon-bg1);
}

h1,.h1 {
  --bs-body-font-size: 34px;
  --bs-body-font-weight: 400;
  font-family: var(--bs-font-merriweather);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
}

h2,.h2 {
  --bs-body-font-size: 28px;
  --bs-body-font-weight: 400;
  font-family: var(--bs-font-merriweather);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
}
h3,.h3 {
  --bs-body-font-size: 24px;
  --bs-body-font-weight: 400;
  font-family: var(--bs-font-merriweather);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
}
.ranzcr-home-body h3,
.ranzcr-home-body .h3 {
  --bs-body-font-weight: normal;
}

a {
  --bs-font-sans-serif: Nunito,Arial,san-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-link-color: #191d1f;
  color: #191d1f;
  font-weight: 400;
  font-family: var(--bs-font-sans-serif);
}

a:hover {
  --bs-link-hover-color: #191d1f;
  color: #191d1f;
}

/* Legacy btn overrides - may conflict with later .btn rules */
.btn-signin {
  margin-right: 10px;
}
.btn-info {
  padding-top: 1px;
  padding-bottom: 1px;
}
.btn-default, .btn-secondary {
  border: none;
}

.page-header {
  border-bottom: 3px solid #fff;
  margin-bottom: 50px;
}

.well, .bg-dark.p-3 {
  border-radius: 0;
  background: #191d1f !important;
}

.navbar-default.bg-ranzcr{
    background-color: #EFECEC !important;
}

.footer.bg-ranzcr{
    background-color: #10214B;
}

.footer-bottom.bg-ranzcr{
    background-color: #10214B;
}

.footer-header span {
  color: #FBBD31 !important;
  font-size:1.5rem;
}

.well, .bg-dark.p-3, .navbar-default {
  color: #ffffff;
  border: none;
}

.card {
  --bs-card-border-width: 0;
  border-radius: 0;
  box-shadow: none;
}
.card-header {
  font-family: Merriweather, Arial, san-serif;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
}
.card .list-group-item,
.list-group .list-group-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.card-header a {
  font-size: 15px;
  font-family: "PT Serif", Arial, serif;
  font-weight: normal;
}
.card-title {
  font-family: Merriweather, Arial, san-serif;
  font-weight: 700;
  font-size: 18px;
}
.card-header {
  background-color: transparent;
  border: none;
}
.page-home .sidebar {
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar .card-header .fa-question-circle {
  display: none;
}

/* Bootstrap 5 Navigation Styling - Sign In Button & User Menu */
.header-navbar a, .weblinks a, .footer a {
  font-family: Nunito, Arial, san-serif;
  color: #ffffff;
  font-weight: 400;
}

.weblinks a:hover, .weblinks a:focus {
  color: #191d1f;
}

/* SPECIFIC: Only Sign In Button & User Dropdown - NOT all nav links */
.navbar .weblinks .nav-item .nav-link[href*="sign_in_url_substitution"],
.navbar .weblinks .nav-item .nav-link[href*="Account/Login"],
.navbar .weblinks .nav-item.dropdown .nav-link.dropdown-toggle {
  font-family: Nunito, Arial, san-serif !important;
  background: #f7a800 !important;
  color: #000000 !important;
  padding: 10px 15px !important;
  font-weight: 900 !important;
  border-radius: 4px;
  margin-left: 10px;
  text-decoration: none !important;
}

.navbar .weblinks .nav-item .nav-link[href*="sign_in_url_substitution"]:hover,
.navbar .weblinks .nav-item .nav-link[href*="sign_in_url_substitution"]:focus,
.navbar .weblinks .nav-item .nav-link[href*="Account/Login"]:hover,
.navbar .weblinks .nav-item .nav-link[href*="Account/Login"]:focus,
.navbar .weblinks .nav-item.dropdown .nav-link.dropdown-toggle:hover,
.navbar .weblinks .nav-item.dropdown .nav-link.dropdown-toggle:focus {
  background: #7b5400 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

legend, .crmEntityFormView .section-title.show-bar {
  border-bottom: 3px solid #fff;
}

.me-auto.form-inline {
  margin: 0;
}

.me-auto.form-inline button.dropdown-toggle {
  font-family: Nunito, Arial, san-serif;
  background: #303436;
  color: #ffffff;
  font-weight: 700;
}

.me-auto.form-inline input {
  border: none;
  height: 40px;
}

/*Poll*/

.poll-question {
  font-family: Nunito, Arial, san-serif;
  font-weight: 700;
  font-size: 16px;
}

.poll-options {
  margin-bottom: 25px;
}

.poll-submit, .poll-viewresults {
  background-color: #191d1f;
  color: #ffffff;
  margin-right: 10px;
}

.poll-submit:hover, .poll-submit:focus, .poll-viewresults:hover, .poll-viewresults:focus {
  background-color: #303436;
  color: #ffffff;
}

/*Page navigation*/

/* [JL] Removed on 04/06/2024
.nav > li > a:focus, .nav > li > a:hover {
  background-color: #fff;
}
.nav-tabs > li > a {
  border-radius: 0;
}*/

.masthead .nav-tabs > li > a:hover {
  border-color: #fff;
}

.masthead .xrm-attribute-value {
  margin-top: -50px;
  display: inline-block;
}

.masthead h1 {
  font-family: Nunito, Arial, san-serif;
  font-size: 24px;
  font-weight: 400;
}

.masthead h1 strong {
  font-weight: 400;
}

.weblinks .list-group-item.active, .weblinks .list-group-item.active:focus, .weblinks .list-group-item.active:hover, .nav-profile .list-group-item.active, .nav-profile .list-group-item.active:focus, .nav-profile .list-group-item.active:hover {
  font-family: Nunito, Arial, san-serif;
  background-color: #008542;
  border: none;
  font-weight: 700;
}

.weblinks .list-group-item, .nav-profile .list-group-item {
  background-color: #f3f3f3;
  border: 2px solid var(--bs-body-bg);
  border-left: none;
  border-right: none;
}

a.list-group-item {
  color: #1a171b;
}

.list-group-item:first-child, .list-group-item:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-profile .card-header {
  background-color: #656a70;
  color: #ffffff;
}

.nav-profile .card-header .fa-lock {
  display: none;
}

/*home Banner*/

.head-banner {
  position: relative;
}

.head-banner:before, .head-banner:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: calc(50vw - 579px);
  background: #656a70;
}

.head-banner:before {
  right: 100%;
  width: 100%;
}

.head-banner:after {
  left: 100%;
}

.page-home .page-copy {
  margin-bottom: 0;
}

.page-home .page-copy + .row {
  margin-top: -75px;
}

.page-home .page-copy + .row .col-xl-12 .card,
.page-home .page-copy + .row .col-xl-12 .card {
  padding-bottom: 80px;
  padding-top: 30px;
}

.page-home .page-copy + .row .card {
  position: relative;
  z-index: 10;
  margin-bottom: 0;
}

.page-home .page-copy + .row .card-body {
  background: white;
}

.page-home .page-copy + .row .col-lg-12 .card:after,
.page-home .page-copy + .row .col-xl-12 .card:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  height: 100%;
  width: calc(50vw + 561px + 30px);
    background-color: #EFECEC;
  background-repeat: repeat;
  z-index: -1;
}

.page-home .card-header {
  background-color: white;
  color: #191d1f;
  padding-top: 38px;
  padding-left: 30px;
}

/*Adjustement - transfered location*/
.sidebar .card-header {
  background-color: #008542;
  color: #ffffff;
  padding: 20px;
}

.row.list-unstyled.product-grid .col-lg-3 {
  padding: 0 10px;
}

.page-home .card-body {
  padding: 0px 30px 65px;
}

.page-home .card-body.poll {
  padding-bottom: 35px;
  padding-top: 18px;
}

.page-home .footer {
  margin-top: 0;
}

/*what's new*/
.product-grid .thumbnail {
  border-radius: 0;
  padding-top: 28px;
  height: 157px;
  border: 0;
}

.product-grid .col-lg-3 a img { height: auto; }
.product-grid .col-lg-3:nth-of-type(1) a { background-color: #0071ce; }
.product-grid .col-lg-3:nth-of-type(1) a:hover { background-color: #004e91; }
.product-grid .col-lg-3:nth-of-type(1) a img { width: auto; }
.product-grid .col-lg-3:nth-of-type(2) a { background-color: #6e2585; }
.product-grid .col-lg-3:nth-of-type(2) a:hover { background-color: #4c135d; }
.product-grid .col-lg-3:nth-of-type(2) a img { width: auto; }

.product-grid .col-lg-3:nth-of-type(3) a { background-color: #007672; }
.product-grid .col-lg-3:nth-of-type(3) a:hover { background-color: #00514f; }
.product-grid .col-lg-3:nth-of-type(3) a img { width: auto; }
.product-grid .col-lg-3:nth-of-type(4) a { background-color: #d95e00; }
.product-grid .col-lg-3:nth-of-type(4) a:hover { background-color: #984000; }
.product-grid .col-lg-3:nth-of-type(4) a img { width: auto; }
.product-grid .col-lg-3:nth-of-type(5) a { background-color: #d9b200; }
.product-grid .col-lg-3:nth-of-type(5) a:hover { background-color: #cea900; }
.product-grid .col-lg-3:nth-of-type(5) a img { width: auto; }
.product-grid .col-lg-3:nth-of-type(6) a { background-color: #00bdd9; }
.product-grid .col-lg-3:nth-of-type(6) a:hover { background-color: #00aac3; }
.product-grid .col-lg-3:nth-of-type(6) a img { width: auto; }
.product-grid .col-lg-3:nth-of-type(7) a { background-color: #d9008f; }
.product-grid .col-lg-3:nth-of-type(7) a:hover { background-color: #af0073; }
.product-grid .col-lg-3:nth-of-type(7) a img { width: auto; }
.product-grid .col-lg-3:nth-of-type(8) a { background-color: #949494; }
.product-grid .col-lg-3:nth-of-type(8) a:hover { background-color: #828282; }
.product-grid .col-lg-3:nth-of-type(8) a img { width: auto; }

.thumbnail .caption, .card .card-body {
  font-family: Nunito, Arial, san-serif;
  /* color: #ffffff;
  font-weight: 700; */
  padding-top: 20px;
}

input[type=submit], .submit-btn {
  background-color: #00833e;
  border: none;
}
input[type=submit]:hover, input[type=submit]:focus, .submit-btn:hover, .submit-btn:focus {
  background: #a5d3bb;
  color: #00833e;
}

/*form*/
.crmEntityFormView .cell.checkbox-cell div.table-info {
  max-width: calc(100% - 20px);
}

/*community*/

.card-header {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  color: #ffffff;
}

.card-header .fa {
  display: none;
}

.list-group-item {
  border-width: 1px;
}

.card > .list-group:last-child .list-group-item:last-child,
.card > .collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card > .list-group:last-child .list-group-item:last-child,
.card > .collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 1px solid #e0e0e0;
}

/*contact form*/

.crmEntityFormView fieldset {
  margin-bottom: 0;
}

.crmEntityFormView .actions {
  border-top: none;
  padding: 0;
  margin: 0;
}

/*breadcrumb*/
.breadcrumb { background-color: transparent; }
.breadcrumb a, .breadcrumb > .active { color: #191d1f; }
.breadcrumb > .active { font-weight: 700; }

/*footer */

.footer.well, .footer.bg-dark.p-3 {
  padding-bottom: 0;
  padding-top: 40px !important; /* Bootstrap 3 .well equivalent top padding */
  padding-left: 19px !important; /* Bootstrap 3 .well equivalent side padding */
  padding-right: 19px !important; /* Bootstrap 3 .well equivalent side padding */
  font-family: arial,sans-serif;
  font-size: 90%;
}

/* Override Bootstrap 5 default p-3 padding for footer */
.footer.bg-dark.p-3 {
  padding: 40px 19px 0 19px !important;
}

.footer h4, .footer p {
  color: #fff;
}

.footer h4 {
  font-size: 24px;
}

.footer li h4 {
  text-transform: uppercase;
  font-size: 14px;
}

/*.footer td {
  padding-right: 100px;
}*/

.footer-bottom {
  color: #7e7e7e;
  padding-top: 0;
  font-size: 90%;
  font-family: arial,sans-serif;
}

.footer-bottom .container {
  border-top: 2px solid #FFFFFF40;
  padding-top: 25px;
}

.footer span, .footer-bottom span  {
  color: #fff;
}

.footer-bottom .menu li {
  display: inline-block;
  color: #FFF;
}

.social-heading, .social-item {
  display: inline-block;
}

.social-item a {
  font-size: 25px;
  margin-right: 1rem;
}

.social-item a:hover, .social-item a:focus {
  text-decoration: none;
}

.footer .menu__facebook span:hover {
  color: #3b5998;
}

.footer .menu__twitter svg {
  height: 26px;
  fill: white;
  padding-bottom: 2px;
}

.footer .menu__twitter svg:hover {
  fill: black;
}

.footer .menu__linkedin span:hover {
  color: #007bb5;
}

.footer .menu__youtube span:hover {
  color: rgb(255 0 51);
}


/*events*/
.events h3 {
  font-family: Nunito, Arial, san-serif;
}

.events h3 a {
  color: #191d1f;
  font-weight: 700;
  font-size: 20px;
}

.events .icon {
  float: none;
  margin-bottom: 30px;
}

.events .fa:before {
  content: '';
  width: 155px;
  height: 9px;
  background: #d95e00;
  display: block;
}

.events .vevent {
  margin-left: 0;
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 3px solid #dedede;
}

/*search-results*/

.search-results li {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 3px solid #dedede;
}

.search-results .pagination li {
  border-bottom: none;
  padding: 0 5px;
  display: inline-block;
}

.search-results li h3 {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 3px solid #dedede;
}

.search-results li p {
  margin-bottom: 10px;
}

/*pagination*/

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #303436;
  border-color: #303436;
  color: #fff;
}

/*Profile page*/
.card.profile-info {
  --bs-card-color: #fff;
  --bs-card-bg: #10214B;
  background: var(--bs-card-bg);
}
.profile-page-heading.profile-page-heading.profile-page-heading {
  margin-bottom: 8px !important;
}
.page-profile legend {
  border-bottom: none;
}
.page-profile .fa-sign-in {
  margin-right: 10px;
}

/*Register button*/
ul.nav.navbar-nav.ms-auto li:nth-child(2),
ul.nav.nav-tabs.nav-account li:nth-child(2) {
	display: none;
}

/*Profile Hide security menu*/
.list-group-item[href="/Account/Manage/ChangePhoneNumber"] {
	display: none;
}
.list-group-item[href="/Account/Manage/ChangeTwoFactor"] {
	display: none;
}
.list-group-item[href="/Account/Manage/ChangeLogin"] {
	display: none;
}

/*Redeem invitation*/
form[action="/Register?ReturnUrl=%2F"] div.form-check {
 	display: none; 
}

/*Hide search bar*/
form.form-inline.me-auto.navbar-search {
  display: none;
}


@media screen and (min-width: 768px) {
  /* [JL] Removed on 03/06/2024
  .me-auto, .me-auto {
    float: left !important;
  }*/

  /* [JL] Removed on 03/06/2024
  .form-inline.me-auto, .form-inline.me-auto {
    float: right !important;
  }*/

  .page-profile .nav li:first-of-type {
    margin-right: 15px;
  }
}

/* Social container should show the things horizontally in big screen and vertically in small screens */
.social-container{
  display:  grid;    
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

@media screen and (max-width: 991px) {
  .social-container {
    grid-template-columns: 1fr;
    margin-top: 1rem;    
  }
}

@media screen and  (min-width: 992px) {
  .social-container {
    float: right;
    margin-top: -40px;
  }
  .page-home .sidebar {
    margin-top: 30px;
  }
}

@media screen and  (min-width: 992px) and (max-width: 1199px) {
  .head-banner:before, .head-banner:after {
    width: calc(50vw - 479px);
  }

  .page-home .page-copy + .row .col-xl-8 .card,
  .page-home .page-copy + .row .col-xl-8 .card {
    padding-bottom: 80px;
  }

  .page-home .page-copy + .row .col-xl-8 .card:after,
  .page-home .page-copy + .row .col-xl-8 .card:after {
    width: calc(50vw + 461px + 30px);
  }

  .page-home .poll-submit {
    margin-bottom: 10px;
  }
}

@media screen and  (min-width: 768px) and (max-width: 991px) {
  .head-banner:after {
    width: 100vw;
    left: calc(-1 * 50vw + 351px);
    z-index: -1;
  }

  .head-banner:before {
    display: none;
  }

  .page-home .page-copy + .row {
    margin-top: 0;
  }

  .page-home .page-copy + .row .col-xl-8 .card:after {
    width: 100vw;
    left: calc(-1 * 50vw + 351px);
  }

  .page-home .page-copy + .row .col-xl-4 .card:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
    left: calc(-1 * 50vw + 351px);
    background-color: #EFECEC;
    background-repeat: repeat;
    z-index: -1;
  }

  .page-home .sidebar {
    margin-top: 0;
    margin-bottom: 0;
  }

  .page-home .page-copy + .row .card {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .page-home .page-copy + .row .col-xl-8 .card {
    padding-bottom: 43px;
  }
}

@media screen and (max-width: 767px) {

  .page-home .page-copy + .row {
    margin-top: 0;
  }

  .page-home .page-copy + .row .col-xl-8 .card:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -15px;
    left: auto;
    width: 100vw;
    height: 100%;
    background-color: #EFECEC;
    background-repeat: repeat;
    z-index: -1;
  }

  .page-home .col-xl-4 .sidebar {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .page-home .page-copy + .row .col-xl-4 .card {
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .page-home .page-copy + .row .col-xl-4 .card:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -15px;
    width: 100vw;
    height: 100%;
    background-color: #EFECEC;
    background-repeat: repeat;
    z-index: -1;
  }

  .navbar-default .navbar-nav > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    background-color: #fff;
    color: #000;
  }

  .navbar-default .navbar-collapse, .navbar-default .form-inline {
    border-width: 0;
    box-shadow: none;
  }

  .navbar-default .navbar-brand {
    color: #596083;
  }

  .navbar-default .navbar-toggler:focus, .navbar-default .navbar-toggler:hover {
    background-color: transparent;
  }

  .page-home .poll .btn {
    margin-bottom: 10px;
  }
}
#navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0;
}
#navbar-items a,
#navbar-items a:hover,
#navbar-items a:focus {
  text-decoration: none;
}
#navbar-items.show li,
#navbar-items.show a,
#navbar-items.show .btn,
#navbar-items.show .btn-group {
  line-height: 21px;
  text-align: center;
  padding: 4px 14px;
  margin: 0 auto;
  width: 100%;
}
#navbar-items.show,
#navbar-items.navbar-collapse.show {
  overflow-y: visible;
}
#navbar-items, #navbar-items .nav {
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
}
#navbar-items .nav-link {
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
}
#navbar-items, #navbar-items .nav {
  --bs-nav-link-color: #fff;
  --bs-nav-link-hover-color: #000;
  --bs-nav-link-font-size: 15px;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-padding-y: 14.5px;
  --bs-nav-link-padding-x: 15px;
  --bs-navbar-nav-link-padding-y: 14.5px;
  --bs-navbar-nav-link-padding-x: 15px;
  --bs-btn-padding-y: 14.5px;
  --bs-btn-padding-x: 15px;
  --bs-btn-border-width: 0;
}
#navbar-items .nav-item.mainnav a {
  background-color: transparent;
  color: #10214B;;
}
#navbar-items .nav-link:focus,
#navbar-items .nav-link:hover,
#navbar-items .nav-item.mainnav a:focus,
#navbar-items .nav-item.mainnav a:hover {
  background-color: #fff;
  color: #FBBD31;
}

#navbar-items .web-user-menu {
  font-family: Nunito, Arial, san-serif;
  background: #861F41;
  color: #FFFFFF;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-weight: 900;
}

#navbar-items > .btn-group > .btn.web-user-menu {
  margin-left: 20px;
}
#navbar-items.show > .btn-group > .btn.web-user-menu {
  margin-left: 0;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
.dropdown-menu > li > a {
  color: #191d1f;
}

#ranzcr-home-logo {
  height: 160px;
  position: absolute;
  top: 0;
  z-index: 1000;
}
#ranzcr-banner-bg {
  background-color: #FFFFFF;
}
#ranzcr-banner-container {
  --bs-gutter-x: 0;
}

.ranzcr-home-body {
    background-color: #EFECEC;
}
.ranzcr-home-white {
  background-color: #FFF; 
}
.ranzcr-home-body hr {
  height: 6px;
  width: 150px;
  background-color: #999;
  border: 0;
  opacity: 1;
}
@media screen and (min-width: 767px) {
  .ranzcr-home-body .col-xl-3,
  .ranzcr-home-body .col-xl-6 {
  padding-top: 55px;
  padding-bottom: 15px;
  }
}


.section-link {
  padding: 10px;
  padding-left: 15px;
}

.section-link-right {
  padding: 10px;
  padding-left: 15px;
  text-align: right;
}

.btn {
  --bs-btn-padding-x: 20px;
  --bs-btn-padding-y: 5px;
  --bs-btn-font-family: var(--bs-font-sans-serif);
  --bs-btn-font-weight: 900;
  --bs-btn-border-width: 0;
  --bs-btn-border-radius: 0;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-weight: var(--bs-btn-font-weight);
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
}
.btn:hover {
  opacity: 0.87;
}
.btn-default {
  --bs-btn-color: #071D49;
  --bs-btn-bg: #fdb515;
  --bs-btn-border-color: #fdb515;
  --bs-btn-hover-color: #071D49;
  --bs-btn-hover-bg: #fdb515;
  --bs-btn-hover-border-color: #fdb515;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #071D49;
  --bs-btn-active-bg: #fdb515;
  --bs-btn-active-border-color: #fdb515;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2c323d;
  --bs-btn-disabled-bg: #e4d1a9;
  --bs-btn-disabled-border-color: #e4d1a9;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #018a54;
  --bs-btn-border-color: #018a54;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #018a54;
  --bs-btn-hover-border-color: #018a54;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #018a54;
  --bs-btn-active-border-color: #018a54;
  --bs-btn-disabled-color: #2c323d;
  --bs-btn-disabled-bg: #769b8c;
  --bs-btn-disabled-border-color: #769b8c;
}

/* Color utility classes */
.clr-ruby { background-color: #10224B !important; color: #ffffff !important; } .clr-ruby a,.clr-ruby a:hover { color: #ffffff; }
.clr-ruby-old { background-color: #861F41 !important; color: #ffffff !important; } .clr-ruby-old a,.clr-ruby-old a:hover { color: #ffffff; }
.clr-green { background-color: #008542 !important; color: #ffffff !important; } .clr-green a,.clr-green a:hover { color: #ffffff; }
.clr-mustard { background-color: #FDB515 !important; color: #071D49 !important; } .clr-mustard a,.clr-mustard a:hover { color: #071D49; }
.clr-blue { background-color: #0072CE !important; color: #ffffff !important; } .clr-blue a,.clr-blue a:hover { color: #ffffff; }
.clr-navy { background-color: #071D49 !important; color: #ffffff !important; } .clr-navy a,.clr-navy a:hover { color: #ffffff; }
.clr-orange { background-color: #CF4520 !important; color: #ffffff !important; } .clr-orange a,.clr-orange a:hover { color: #ffffff; }
.clr-darkcyan { background-color: #008b8b !important; color: #ffffff !important; } .clr-darkcyan a,.clr-darkcyan a:hover { color: #ffffff; }

.learn-card {
  --bs-card-bg: transparent;
}
.learn-card a {
  font-size: 20px;
  color: #FFF;
  padding: 0 !important;
}
.learn-card a:hover {
  color: #FFF;
  opacity: 0.87;
}
.learn-card img {
  padding: 13px;
  background-color: rgba(255, 255, 255, 0.21);
  margin-right: 15px;
  height: 79px;
}

.membership-card {
  --bs-card-bg: transparent;
}
.membership-card .nav-profile {
  margin-bottom: 0;
}
.membership-card .nav-profile .list-group-item {
  background-color: #f3f3f3;
  /*background: linear-gradient(to left, #f3f3f3 100%, #83003F 100%) right;*/
  border: 0;
  color: #10224B;
  border-left: 5px solid #10224B;
  border-top: 2px solid #10224B;
  border-right: none;
  margin-bottom: 5px;
  transition:color 0.25s ease;
}
.membership-card .nav-profile .list-group-item:hover {
  color:#FFF;
  background-color: #10224B;
  transform-origin:left;
  transition:width 0.25s ease;
}

.get-involved-link { background-color: #10224B; }
.get-involved-link div { padding: 20px; }
.get-involved-link a { color: #FFF; }

.prodocs { padding-left: 1px; padding-right: 1px; }
.prodocs div { padding: 5px; text-align: center; }
.prodocs a { color: #FFF; }

.presidentmsg {
  background: #008542;
  background-size: cover;
  height: 104px;
  padding: 15px;
  color: #FFF;
}

.newsmedia {
  background: #FDB515;
  background-size: cover;
  height: 104px;
  padding: 15px;
  color: #333;
}

/*for big screen*/
@media (min-width: 1200px){
  .container {
    width: 1200px;
  }
}
/*for mobile*/
@media screen and (max-width: 767px) {
  /* [JL] Renamed from #ranzcr-user on 03/06/2024 */
  /* [JL] Removed on 03/06/2024
  #navbar-items {
    float: left;
    width: 100%;
  }*/
  /* [JL] Removed on 04/06/2024
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
    font-size: var(--bs-nav-link-font-size); / * [JL] Replaced 16px; * /
    padding-left: 15px;
  }*/
  /* [JL] Renamed from #ranzcr-user on 03/06/2024 */
  /* [JL] Removed on 03/06/2024
  #navbar-items .web-user-menu {
    margin-left: 0;
  }*/
  /*.btn-group, .btn-group-vertical {
    width: 100%;
  }*/
  /* [JL] Renamed from #ranzcr-user on 03/06/2024 */
  /* [JL] Removed on 03/06/2024
  #navbar-items .web-user-menu {
    width: 100%;
    text-align: left;
  }*/
}

.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 1rem; /*0.75rem*/
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
ol.progress .list-group-item-success {
  color: #000; /* overriden because of the text-muted... */
  background-color: #d6e9c6;
}
.hide-progress-icon ol.progress li span.glyphicon.glyphicon-ok,
.hide-progress-icon ol.progress li span.fa-solid.fa-check,
ol.progress li span.glyphicon.glyphicon-ok,
ol.progress li span.fa-solid.fa-check { display: none; }


/* Accordion Overrides */
.ui-widget { font-family: inherit; font-size: inherit; }
.ui-widget .ui-widget { font-size: inherit; }
.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea { font-family: inherit; font-size: inherit; }
.ui-widget-header { font-weight: inherit; }
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { font-weight: inherit; }
.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover { font-weight: inherit; }
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { font-weight: inherit; }
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary { font-weight: inherit; }
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary { font-weight: inherit; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_444444_256x240.png); }
.ui-widget-header .ui-icon { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_444444_256x240.png); }
.ui-state-default .ui-icon { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_444444_256x240.png); }
.ui-state-focus .ui-icon,.ui-state-hover .ui-icon { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_555555_256x240.png); }
.ui-state-active .ui-icon { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_555555_256x240.png); }
.ui-widget-header .ui-state-highlight a { color:#777620; }
.ui-state-highlight .ui-icon { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_777620_256x240.png); }
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_cc0000_256x240.png); }


/* Mobile */
.shoppingCart.mobile .shoppingCart-summary { min-width: 100% !important; }
.shoppingCart.mobile .shoppingCart-summary table { min-width: 100% !important; width: 100% !important; }
.shoppingCart.mobile .shoppingCart-summary .cols .title,  .shoppingCart.mobile .shoppingCart-summary .line .title { max-width: 100px !important; white-space: unset !important; }
.shoppingCart.mobile .shoppingCart-summary .cols .title,  .shoppingCart.mobile .shoppingCart-summary .line .title,
.shoppingCart.mobile .shoppingCart-summary .cols .tax,    .shoppingCart.mobile .shoppingCart-summary .line .tax,
.shoppingCart.mobile .shoppingCart-summary .cols .quantity, .shoppingCart.mobile .shoppingCart-summary .line .quantity,
.shoppingCart.mobile .shoppingCart-summary .cols .discount, .shoppingCart.mobile .shoppingCart-summary .line .discount,
.shoppingCart.mobile .shoppingCart-summary .cols .tax,    .shoppingCart.mobile .shoppingCart-summary .line .tax,
.shoppingCart.mobile .shoppingCart-summary .cols .amount,   .shoppingCart.mobile .shoppingCart-summary .line .amount,
.shoppingCart.mobile .shoppingCart-summary .totals .title,
.shoppingCart.mobile .shoppingCart-summary .totals .quantity,
.shoppingCart.mobile .shoppingCart-summary .totals .discount,
.shoppingCart.mobile .shoppingCart-summary .totals .tax,
.shoppingCart.mobile .shoppingCart-summary .totals .amount { white-space: unset !important; }
/*.shoppingCart.mobile .shoppingCart-summary .shoppingCart-discount { height: 32px; }*/
.shoppingCart.mobile .shoppingCart-discount-code { width: 100px !important; }
.shoppingCart.mobile .shoppingCart-discount-code input { width: 100px !important; }
.shoppingCart.mobile .shoppingCart-donations { min-width: 100% !important; }
/*.applications-list.mobile .applicationActions-header { width: 50px !important; }*/
/*.applications-list.mobile .applicationActions { width: 50px !important; }*/
.applications-list.mobile .applicationActions .ms-Button { min-width: 40px !important; width: 40px !important; padding: 4px !important; }
.applications-list.mobile .applicationActions .ms-Button .ms-Button-textContainer { display: none !important; }

p{
  margin-bottom: 0.5rem !important;
}

.custom-margin-top{
  margin-top: 20px !important;
}
.btn-group{
  display: inline !important;
}

/* ============================================
   Responsive Carousel Image Overrides
   ============================================ */

#ranzcr-home-carousel .carousel-item img {
  width: 100%;
  height: auto;
  max-width: 100% !important;
  max-height: none !important;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}

/* Larger screens – maintain your intended max height */
@media (min-width: 1200px) {
  #ranzcr-home-carousel .carousel-item img {
    max-height: 340px !important;
  }
}

/* fix boostrap related issue */
.modal-header{
  padding: 15px !important;
}
.modal-body{
  padding: 15px !important;
}