:root {
  --olive-superlighterrr: rgba(61, 153, 112, 0.13);
}

:root[color-mode="light"] {
  --pga-champy-color: #293f68;
  --banner-back: white;
  /* --banner-back: rgb(243,247,246); */
  --banner-border: 2px solid rgb(220,220,220);
  --auto-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  /* --banner-border: 2px solid var(--olive-light); */
  --font-color-sitting-banner: rgb(60,60,60);
  --banner-level-1: rgb(250,250,250);
  --banner-item-hover: rgb(240,240,240);
  --banner-menu-border: 1px solid rgb(200,200,200);
  --divider-col: rgb(200,200,200);
  --item-color: var(--font-color-base);
  --item-color-2: rgb(100,100,100);
  --container-shadow-tracker: 0px 0px 2px 0px rgba(0,0,0,0.9);
  --banner-lb-datarow: #fef7e0;
  --ryder-back-banner: rgba(255, 220, 0, 0.15);
  --ryder-hover-banner: rgba(255, 220, 0, 0.3);
  --toggle-back-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

:root[color-mode="dark"] {
  --pga-champy-color: #CBA060;
  --banner-back: var(--black-base);
  --auto-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
  /* --banner-back: rgb(36,47,45); */
  --banner-border: 2px solid rgb(60,60,60);
  /* --banner-border: 2px solid var(--olive-light); */
  --banner-level-1: rgb(30,30,30);
  --font-color-sitting-banner: rgba(200,200,200,1);
  --banner-item-hover: rgb(60,60,60);
  --banner-menu-border: 1px solid rgb(60,60,60);
  --divider-col: rgb(60,60,60);
  --item-color: rgb(210,210,210);
  --item-color-2: rgb(160,160,160);
  --container-shadow-tracker: 0px 0px 2px 0px rgba(0,0,0,1);
  --banner-lb-datarow: #524d3c;
  --ryder-back-banner: rgba(61, 153, 112, 0.2);
  --ryder-hover-banner: rgba(61, 153, 112, 0.3);
  --toggle-back-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.banner {
  position: relative;
  height: 40px;
  top: 1px;
  width: 100%;
}

nav {
  z-index: 5000 !important;
}

.trebuchet {
  font: 18px var(--font);
}

.navbar {
 min-height: 30px;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 5px;
 padding-bottom: 3px;
 background-color: var(--banner-back) !important;
 border-bottom: var(--banner-border);
}

.navbar-brand {
 padding: 5px;
 padding-top: 6px;
 height: 30px !important;
 line-height: 20px;
 font-weight: bold;
 margin-right: 5px;
 color: var(--font-color-base) !important;
}

.navbar-collapse {
  border-left: var(--container-border-base);
}

.navbar-brand:hover {
  background-color: var(--container-color-base);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.navbar-toggler {
 padding: 0 !important;
 border: none;
}

.navbar-toggler:focus {
  outline:0;
}

.nav-link:focus, .nav-link:active {
  outline:0;
  box-shadow: none;
}

.nav-item {
  font: 13px var(--font) !important;
  top: 0.5px;
  font-weight: bold !important;
  cursor: pointer;
  color: var(--font-color-sitting-banner) !important;
  margin-left: 2px;
  /* height: 25px; */
}

.nav-item-1 { margin-left: 5px; }

.banner-caret-downy {
  position: relative;
  margin-left: 1px;
  /* font-size: 10px; */
  /* top: -1px; */
}

.nav-link {
  /* color: rgba(0,0,0,0.8) !important; */
  color: inherit !important;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  line-height: 20px;
  height: 25px;
}

.nav-item.dropdown > .dropdown-menu {
    /* display: block; */
    margin-top: 0;
 }

.nav-link:hover, .nav-item:hover > .nav-link { background-color: var(--container-color-base); }
.nav-item:hover > .nav-link > .banner-caret-downy { color: var(--olive); }

.nav-link-pres { background-color: var(--container-color-base); border: var(--container-border-base); padding-top: 1.5px !important; }
/* .nav-item-pres:hover > .nav-link { background-color: var(--ryder-hover-banner); } */
/* .nav-item-pres:hover > .nav-link > .banner-caret-downy { color: var(--black-base); } */

.nav-link > #text { height: 20px; }

.nav-link-tracking { color: inherit !important; }

.banner-circle-bullet {
  position: relative;
  font-size: 5px;
  top: -2px;
  margin-right: 1px;
  color: var(--font-color-base);
  opacity: 1;
}

.banner-circle-bullet-black {
  position: relative;
  font-size: 6px;
  top: -2px;
  margin-right: 1px;
  color: var(--font-color-sitting-banner);
  opacity: 0.8;
}

.nav-item:hover, .nav-link:hover {
  /* background-color: var(--container-color-base); */
  color: var(--font-color-base) !important;
  /* cursor: pointer; */
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.nav-item:hover > .banner-circle-bullet, .nav-link:hover > .banner-circle-bullet { opacity: 1; color: var(--olive); }

.nav-item.show > .nav-link >.banner-circle-bullet { opacity: 1; color: var(--olive); }

.player-search-nav-item {
  margin-right: 2px;
  margin-top: 1px;
}

.bet-track-nav-item {
  margin-right: 2px;
  margin-top: 2.5px;
}

/* .bet-track-nav-small {
  position: absolute;
  right: 40px;
  top: 7px;
  z-index: 9999;
  font: 12px var(--font);
} */

.bet-track-banner-container {
  float:left;
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background-color: var(--black-base);
  border: 1px solid var(--black-base);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}


.bet-track-banner-container-small {
  position: absolute;
  top: calc(50% - 11.5px);
  right: calc(100% + 4px);
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background-color: var(--black-base);
  border: 1px solid var(--black-base);
  color: var(--font-color-sitting-banner);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}

.banner-lb-banner-container-small {
  right: calc(100% + 4px + 23px + 4px);
}

.bet-track-banner-container-smallest {
  position: absolute;
  top: calc(50% - 11.5px);
  right: calc(100% + 3px);
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background-color: var(--black-base);
  border: 1px solid var(--black-base);
  color: var(--font-color-sitting-banner);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}

.bet-track-banner-container:hover, .bet-track-banner-container-small:hover, .bet-track-banner-container-smallest:hover {
  /* border: var(--container-border-base); */
  color: var(--olive);
  -webkit-box-shadow: var(--container-shadow-tracker);
  -moz-box-shadow: var(--container-shadow-tracker);
  box-shadow: var(--container-shadow-tracker);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.super-small-search-holder {
  position: absolute;
  right: 40px;
  top: 7px;
  z-index: 9999;
  font: 12px var(--font);
}

.small-search-holder {
  position: absolute;
  right: 50px;
  top: 7px;
  z-index: 9999;
  font: 12px var(--font);
}

.banner-player-search {
  height: 25px;
  width: 215px;
  font-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--font-color-base);
  padding-left: 5px;
  /* box-shadow: none !important; */
  border: var(--container-border-base);
  border-radius: 1px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: var(--black-base);
  font-weight: normal !important;
}

.banner-player-search:focus {
  border-color: var(--olive);
  /* border-width: 1.5px; */
  /* color: var(--olive); */
}

.banner-search-smaller {
  width: 150px;
}

.banner-search-glass-container {
  float:left;
  height: 25px;
  width: 25px;
  background-color: var(--container-color-base);
  border: var(--container-border-base);
  border-right: none;
  text-align: center;
  padding-top: 6px;
  font-size: 11px;
}

.banner-search-glass {
  color: var(--font-color-sitting-banner) !important;
}

.autocomplete-suggestions {
  background-color: var(--black-base);
  /* background: var(--container-color-base); */
  border: var(--container-border-base);
  max-height: 318px !important;
  margin-top: 0.5px;
  -webkit-box-shadow: var(--auto-shadow);
  -moz-box-shadow: var(--auto-shadow);
  box-shadow: var(--auto-shadow);
}

.autocomplete-suggestion, .autocomplete-no-suggestion {
  padding-left: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  font: 11px var(--font);
  color: var(--font-color-base);
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  border-top: var(--container-border-base) !important;
}

.search-padding-add {
  position: relative;
  padding-right: 27.5px;
}

.banner-search-perccc {
  position: absolute;
  /* margin-right: 27.5px; */
  color: var(--font-color-faint-2);
  font: 9px var(--font);
  font-weight: bold;
  right: 2.5px;
  top: 0px;
  height: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
  padding-top: 1px;
}

.search-padding-add:hover > .banner-search-perccc { color: var(--green); }

.autocomplete-selected {
  background-color: var(--container-color-base);
  color: var(--font-color-base);
  /* font-weight: bold; */
}

.autocomplete-group {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  font: 9px var(--font);
  pointer-events: none;
  font-weight: bold;
  color: var(--blue);
  background-color: var(--container-color-base);
  border-top: var(--container-border-base);
  /* text-align: center; */
  height: 16px;
}

.banner-search-tourrr {
  float: left;
  margin-top: 2.5px;
  font-size: 7.5px;
  opacity: 0.75;
  margin-right: 1.5px;
}

.banner-search-tourrr-liv { color: rgba(203, 251, 126, 1); }
.banner-search-tourrr-pga { color: var(--red); }
.banner-search-tourrr-kft { color: var(--olive); }
/* .banner-search-tourrr-euro { color: rgba(220, 40, 95, 0.8); } */
.banner-search-tourrr-euro { color: var(--blue); }
.banner-search-tourrr-masters { color: #076652; }
.banner-search-tourrr-pgachamp { color: #293f68; }
.banner-search-tourrr-uso { color: #da1a31; }
.banner-search-tourrr-openchamp { color: var(--yellow); }


.dr-user-nav {
  font-size: 14px !important;
  font-weight: bold;
  padding-top: 5 !important;
  padding-bottom: 0 !important;
  font-style: italic;
  display: inline-block;
}

.navbar-toggler-icon {
  height: 30px;
  width: 30px;
  border-color: var(--font-color-base) !important;
  background-image: var(--toggle-back-image) !important;
}

.dropdown-item {
  font: 12px var(--font);
}

.banner-lb-banner-container-selected {
  background-color: var(--olive); color: var(--black-base) !important;
}

.banner-lb-mini-container {
  position: absolute;
  /* display: inline-block; */
  width: 300px;
  max-width: 95%;
  /* top: calc(100% + 5px); */
  top: 45px;
  right: 5;
  /* background-color: red; */
  height: 400px;
  z-index: 4999;
  display: none;
}

.banner-lb-mini-inner {
  position: fixed;
  top: 45px;
  width: 300px;
  height: 0px;
  background-color: var(--black-base);
  -webkit-box-shadow: var(--container-shadow-tracker);
  -moz-box-shadow: var(--container-shadow-tracker);
  box-shadow: var(--container-shadow-tracker);
  overflow-y: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.banner-lb-mini-inner::-webkit-scrollbar {
  display: none;
}

.banner-lb-mini-title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0px;
  font: 10px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
  background-color: var(--container-color-base);
  border-bottom: var(--container-border-base);
  padding: 2px;
  height: 17px;
  z-index: 1;
}

.banner-lb-minimize-button {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 5px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--yellow);
  opacity: 0.75;
  cursor: pointer;
}

.banner-lb-minimize-icon {
  position: relative;
  font-size: 6px;
  top: -1.5px;
  color: rgb(40,40,40);
  pointer-events: none;
  opacity: 0;
}

.banner-lb-minimize-button:hover {
  opacity: 1;
}

.banner-lb-minimize-button:hover > .banner-lb-minimize-icon {
  opacity: 1;
}

.banner-lb-mini-selection {
  position: sticky;
  top: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  width: 100%;
  border-bottom: var(--container-border-base);
  background-color: var(--black-base);
  z-index: 1;
}

.banner-lb-mini-event-name {
  position: sticky;
  top: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  width: 100%;
  padding-top: 1px;
  /* border-bottom: var(--container-border-base); */
  font: 12px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
  background-color: var(--black-base);
  z-index: 1;
}

.banner-lb-mini-search-bar {
  position: sticky;
  top: 72px;
  display: flex;
  justify-content: left;
  align-items: center;
  height: 20px;
  width: 100%;
  border-bottom: var(--container-border-base);
  font: 9px var(--font);
  color: var(--font-color-base);
  /* font-weight: bold; */
  background-color: var(--black-base);
  background-color: red;
  z-index: 1;
}

.banner-search-glass-container-mini {
  float:left;
  height: 19px;
  width: 19px;
  background-color: var(--container-color-base);
  /* border-left: var(--container-border-base); */
  text-align: center;
  padding-top: 5px;
  font-size: 9px;
}

.banner-lb-mini-player-search {
  height: 19px;
  width: calc(100% - 19px);
  font-size: 11px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--font-color-base);
  padding-left: 4px;
  /* box-shadow: none !important; */
  border: none;
  border-left: var(--container-border-base);
  border-radius: 0px;
  background-color: var(--black-base);
  font-weight: normal !important;
}

.banner-lb-mini-status {
  position: sticky;
  top: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  padding-bottom: 5px;
  width: 100%;
  border-bottom: var(--container-border-base);
  font: 10px var(--font);
  color: var(--font-color-base);
  /* font-weight: bold; */
  background-color: var(--black-base);
  z-index: 1;
}

.banner-lb-mini-event-complete { color: var(--olive); }

.banner-lb-mini-tour-option {
  font: 8px var(--font);
  color: var(--font-color-faint);
  font-weight: bold;
  padding-left: 3px; padding-right: 3px;
  padding-top: 2px;
  cursor: pointer;
  padding-bottom: 2px;
}

.banner-lb-mini-tour-option:hover {
  background-color: var(--container-color-base);
  color: var(--font-color-base);
}

.selected-banner-lb-mini-tour { color: var(--red) !important; }

.banner-lb-mini-tour-option-circle { font-size: 4px; color: var(--font-color-faint-2); margin-left: 2px; margin-right: 2px; opacity: 0.5; }

.banner-lb-mini-lb {
  position: relative;
  width: 100%;
  /* background-color: red; */
  /* height: 1000px; */
}

.banner-lb-datarow {
  position: relative;
  height: 22px;
}

.banner-datarow-evener {
  background-color: var(--olive-superlighterrr);
}

.banner-lb-datarow:hover { background-color: var(--banner-lb-datarow); }
.banner-datarow-evener:hover { background-color: var(--banner-lb-datarow); }

.banner-lb-data {
  position: absolute;
  display: flex;
  height: 100%;
  padding: 0px;
  font: 10px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
  justify-content: center;
  align-items: center;
  /* border-right: var(--datarow-border); */
}

.banner-lb-pos {
  left: 0px;
  width: 35px;
  font-size: 9.5px;
}

.banner-lb-name {
  display: inline-block;
  left: 35px;
  width: 115px;
  color: var(--font-color-base);
  justify-content: left;
  padding-left: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5.5px;
}


.banner-lb-link {
  color: inherit !important;
}

.banner-lb-score {
  right: 100px;
  width: 50px;
  font-size: 9.5px;
}

.banner-lb-score-under { color: var(--red); }
.banner-lb-score-even { color: var(--olive); }

.banner-lb-thru {
  right: 50px;
  width: 50px;
  font-size: 9.5px;
}

.banner-lb-thru-grey {
  color: var(--font-color-faint-2); font-size: 8.5px;
}

.banner-lb-prob {
  right: 0px;
  width: 50px;
  font-size: 9.5px;
}

.banner-lb-timeago-container {
  font-size: 9px;
  color: var(--font-color-faint-2);
  margin-left: 3px;
}

.hidden-lb-mini-row { display: none; }

@media (min-width: 768px) {
 .navbar-nav > li > a {
   padding-top: 2.5px;
   padding-bottom: 2.5px;
   line-height: 22px;
 }
}

.sub-menu-parent {
  cursor: pointer;
  box-shadow:none;
  color: var(--font-color-sitting-banner) !important;
  /* color: #3D9970 !important; */
}

.banner-burger {
  color: var(--font-color-faint);
  font-size: 11px;
  margin-right: 2px;
}

.dropdown-item {
  padding-left: 15px;
  padding-right: 15px;
  color: var(--font-color-sitting-banner);
  font-weight: bold;
}

.sub-parent-selected {
  background-color: var(--container-color-base);
  border-bottom: 1px solid var(--olive-light);
  color: var(--font-color-base) !important;
}

.sub-parent-selected > .banner-burger {
  color: var(--olive);
}

.dropdown-item:hover {
  background-color: var(--container-color-base);
  color: var(--font-color-base) !important;
  /* cursor: pointer; */
  /* -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out; */
}

.dropdown-item:focus, .dropdown-item:active {
  outline: none;
  box-shadow: none;
  background-color: var(--container-color-base);
  color: var(--font-color-base) !important;
}

.sub-menu-item {
  display: none;
  /* justify-content: center; */
  align-items: center;
  height: 21px;
  /* padding-top: 4px; */
  /* padding-bottom: 2px; */
  font: 10px var(--font);
  font-weight: bold;
  background-color: var(--black-base);
  /* background-color: var(--olive-superlight); */
  /* color: var(--font-color-sitting-banner); */
  color: var(--font-color-faint);
  border-bottom: 1px solid var(--olive-superlight) !important;
  /* background-color: rgb(230,230,230); */
}

.banner-r234dk-circle {
  font-size: 4px;
  position: relative;
  margin-right: 3px;
  top: 0.5px;
}

.rc-feed-img-banner {
  position: relative;
  margin-right: 0px;
  height: 12px;
  top: -1px;
  margin-left: 0px;
  width: auto;
  border-radius: 50%;
}

.sub-menu-item:hover {
  background-color: var(--olive-light);
  color: var(--font-color-base);
  padding-left: 13px !important;
  /* color: var(--olive) !important; */
  /* cursor: pointer; */
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.sub-menu-disabled-tool {
  /* background-color: var(--container-color-base); */
  opacity: 0.25;
  pointer-events: none;
}

/* change the background color */
.navbar-custom {
    background-color: #aed9ae;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.scratch-subhead {
  height: 14.5px;
  display: flex;
  padding-left: 15px;
  /* justify-content: center; */
  align-items: center;
  font: 8.5px var(--font);
  /* background-color: var(--black-base) !important; */
  background-color: var(--container-color-base);
  pointer-events: none;
  border: var(--container-border-base) !important;
  border-left: none !important; border-right: none !important;
}

.pga {
  background-color: #FF4136;
  color: white !important;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 0px;
  opacity: 0.7;
}

.pga-scratch-banner {
  color: var(--red) !important;
  font-weight: bold;
}

/* .pga-scratch-banner {
  color: var(--pga-champy-color) !important;
} */

.alt-scratch-banner {
  color: var(--liv-colll) !important;
  font-weight: bold;
}

.kft-scratch-banner {
  color: var(--olive) !important;
  font-weight: bold;
}

.euro {
  background-color: #0074D9;
  color: white !important;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  opacity: 0.7;
}

.euro-scratch-banner {
  color: var(--blue) !important;
  font-weight: bold;
}

.dropdown-divider {
  margin-top: 3px;
  margin-bottom: 3px;
  border-top: 1px solid var(--divider-col);
}

.dropdown-menu-extra {
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 1px;
  background-color: var(--banner-level-1);
  background-color: var(--black-base);
  border: var(--banner-menu-border);
}

.discontinued {
  position: relative;
  color: var(--red);
  top: 0px;
  opacity: 0.7;
  font-weight: bold;
  font-size: 10px;
}

.discontinued-1 {
  top: 0px;
}

.new-tagger {
  position: relative;
  color: var(--olive);
  top: 0px;
  opacity: 0.8;
  font-weight: bold;
  font-size: 10px;
}

.dr-img {
  position: relative;
  height: 22px;
  top: -1px;
  border-radius: 50%;
  width: auto;
}

.banner-scratch-check {
  position: relative !important;
  top: 0px !important;
  font-size: 12px !important;
  color: var(--olive) !important;
}

.analytics-banner-icon {
  color: var(--olive);
  margin-right: 3px;
}

.model-talk-banner-icon {
  color: var(--blue);
  margin-right: 3px;
}

.viz-blog-banner {
  position: relative;
  width: 19px;
  height: auto;
  margin-left: -3px;
  top: -1px;
}

.nav-item > .dropdown-menu > .dropdown-item {
  padding-left: 10px; padding-right: 10px; border-color: var(--olive-light);
}

@media (max-width: 992px) {
  .navbar-collapse {
    border-left: none;
  }

  .nav-item-1 { margin-left: 2px; }
}

@media (max-width: 768px) {

  .navbar {
   padding-left: 5px;
   padding-right: 5px;
  }

}

@media (max-width: 576px) {
  .navbar-brand {
   margin-top: -2px;
   padding-top: 5px;
  }
}