header{
  background-color: white;/*was f4f4f4*/
  height:90px;
}
/*will add all of the menu css in here as well*/
/*make-top-nav-sticky*/
.rf-org-header-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

#rf-content {
    height: calc(100% - 90px);
    scroll-behavior: auto;
    overflow-y: scroll;
    position: absolute;
    top: 90px;
}
@media only screen and (max-width:1600px){
  /*20220412 strange bar at bottom of portal suddenly appeared*/
  #rf-content {
    height: calc(100% - 73px);
  }
}

.rf-body {

    height: 100vh;
    overflow-y: hidden;
}
/*d3g-click-top nav*/
.rf-org-header-container {
    background-color: #f5f2f2;
}

#sfdo-portal-header {
    border-bottom: 1px solid #e5e5e5;
}

#d3g-header-nav-bar-wrapper {
    position: absolute;
    bottom: -15px;
    width: min(1440px, 95%);
    left: max(50px, calc((100vw - 1440px) * .5 + 10px));
}

#d3g-header-nav-bar-wrapper>ul {
    list-style: none;
    display: flex;
    padding-inline-start: 0;
}
#d3g-header-nav-bar-wrapper>ul>li:not(:first-child) {
  margin-left: min(calc((100vw - 1100px) * 0.1 + 3px), 55px);
  /*margin(makes underline good) changes as window changes - max now 1100 px*/
  /*update 3/27 using 975px(most space items with no margin left) and new calcs*/
}

#d3g-header-nav-bar-wrapper>ul>li:last-child {
    padding-left: min(calc((100vw - 1100px) * 0.1 + 3px), 55px);
    /*padding for icon instead of margin to fix size*/
    margin-left: 0;
}

#d3g-header-nav-bar-wrapper>ul>li {
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    height: 55px;
    border-bottom: solid 1px transparent;
    color: #053347;
    font-family: 'Avante Garde';
}
#d3g-header-nav-bar-wrapper>ul>li icon:after {
  content: '\00a0' '\e92e';
  font-family: 'sfdo-icons';
  font-size: 14px;
  font-weight: bold;
}#d3g-header-nav-bar-wrapper>ul>li.d3g-active icon:after {
  content: '\00a0' '\e92c';
}
#d3g-header-nav-bar-wrapper>ul>li:hover {
  color: #0d9dda;
}
#d3g-header-nav-bar-wrapper>ul>li>a,
#d3g-header-nav-bar-wrapper>ul>li>a:hover,
#d3g-header-nav-bar-wrapper>ul>li>a:visited {
    color: #053347;
    font-family: 'Avante Garde';
    text-decoration: none;
}
#d3g-header-nav-bar-wrapper>ul>li>a:hover{
  color: #0d9dda;
}

#d3g-header-nav-bar-wrapper>ul>li>svg>path {
    fill: #053347;
    /*was 484848*/
}

#d3g-header-nav-bar-wrapper>ul>li:not(:last-child).d3g-active {
    border-bottom: solid 1px #053347;
    /*was 484848*/
}

#d3g-header-sub-nav-wrapper {
    background-color: rgba(0, 0, 0, .7);
    height: 0px;
    z-index: 20;
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 51;
    /*to fix ta issues with rf that have 50 as z-index, ha*/
}
#d3g-header-mobile-sub-nav-inner a > div,
#d3g-header-mobile-sub-nav-inner a:link > div,
#d3g-header-mobile-sub-nav-inner a:visited > div,
#d3g-header-sub-nav-wrapper a:visited > div, 
#d3g-header-sub-nav-wrapper a > div, 
#d3g-header-sub-nav-wrapper a:link > div{
  color: #656565;
}
#d3g-header-sub-nav-wrapper #d3g-header-sub-nav-inner {
    height: 0px;
    background-color: white;
    /*transition: height 1s;/*removed 20220316*/
}

#d3g-header-sub-nav-wrapper.d3g-active {
    height: 100vh;
}

#d3g-header-sub-nav-wrapper.d3g-active #d3g-header-sub-nav-inner {
    height: 380px;
    /*max(400px,calc(60vh - 200px));*/
}

#d3g-header-sub-nav-wrapper>#d3g-header-sub-nav-inner>div {
    visibility: hidden;
    opacity: 0;
    width: min(95%, 1440px);
    left: max(50px, calc((100vw - 1440px) * .5 + 10px));
    text-align: center;
    margin-top: 20px;
    /*transition: visibility 0s linear 300ms, opacity 300ms;/*removed 20220316*/
}

#d3g-header-sub-nav-wrapper>#d3g-header-sub-nav-inner>div.d3g-active {
    visibility: visible;
    opacity: 1;
    /*transition: visibility 0s linear 300ms, opacity 300ms;/*removed 20220316*/
}

#d3g-header-sub-nav-inner {
    position: relative;
}

#d3g-header-sub-nav-inner>div {
    position: absolute;
}

.d3g-header-sub-nav-close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    z-index: 21;
    /*bigger than background*/
    display: none;
    /*invisible unless sub nav is active*/
}

#d3g-header-sub-nav-wrapper.d3g-active .d3g-header-sub-nav-close {
    display: block;
}

.d3g-header-sub-nav-close>svg {
    fill: #032D60;
}

#d3g-header-sub-nav-inner li {
    list-style: none;
}

/*arrows on top nav*/
#d3g-header-nav-bar-wrapper ul li svg {
    position: absolute;
    right: 0px;
    top: 2px;
    height: 16px;
    /*transition-duration: 0.8s;/*removed 20220316*/
    /*transition-property: transform;/*removed 20220316*/
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#d3g-header-nav-bar-wrapper ul li.d3g-active svg {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/*new stuff to make inner more like sfdo*/
#d3g-header-sub-nav-wrapper ol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-inline-start: 0;
}

#d3g-header-sub-nav-wrapper ol li {
    flex-basis: 50%;
    margin-top: 20px;
    /* kevin added */
}

#d3g-header-sub-nav-wrapper ol li a strong,
#d3g-header-sub-nav-wrapper ol li a div {
    display: block;
    text-align: left;
    padding-right: 40px;
    /*margin-top: 20px;  kevin commented out  and added below */
    margin-top: 10px;

}

#d3g-header-sub-nav-wrapper ol li a strong {
    font-family: 'Avante Garde';
    color: #484848;
    font-size: 17px;
}
#d3g-header-sub-nav-wrapper ol li a strong:hover{
  color: #0d9dda;
}
#d3g-header-sub-nav-wrapper ol li a:hover,
#d3g-header-sub-nav-wrapper ol li a:focus {
    text-decoration: none;
}

/*used for astro when we had him*/
.d3g-top-menu-user-icon {
    position: absolute;
    right: calc(-1 * 100%);
    top: -20px;
}




/*mobile menu stuff*/
#d3g-header-nav-hamburger-icon > .d3g-hamburger-icon-line {
  width: 25px;
  height: 3px;
  background-color: #023248;
  margin: 4px 0;
}
#d3g-header-nav-hamburger-icon:hover > .d3g-hamburger-icon-line {
  background-color: #0d9dda;
}
  #d3g-header-nav-hamburger-icon.d3g-active .d3g-hamburger-icon-line:nth-child(2){
    display:none;
  }
  #d3g-header-nav-hamburger-icon.d3g-active > .d3g-hamburger-icon-line:last-child {
  transform: rotate(-45deg);
  position: absolute;
  top: 8px;
  right: 0px;
}

#d3g-header-nav-hamburger-icon.d3g-active > .d3g-hamburger-icon-line:first-child {
  transform: rotate(45deg);
  position: absolute;
  top: 8px;
  right: 0px;
}
  #d3g-header-nav-hamburger-icon{
      display:none;
      cursor:pointer;
  }

#d3g-header-nav-hamburger-icon{
float:right;
margin: 30px 20px;
position: relative;
}
#d3g-header-mobile-sub-nav-wrapper {
  display: none;
  position: absolute;
  z-index: 80;
  background: white;
  height: calc(100vh - 90px);
  width: 100vw;
}
#d3g-header-mobile-sub-nav-wrapper #d3g-header-mobile-sub-nav-inner .mobileInnerItem {
  display: none;
}
#d3g-header-mobile-sub-nav-wrapper #d3g-header-mobile-sub-nav-inner .mobileInnerItem.d3g-active {
  display:block;
}
#d3g-header-mobile-sub-nav-wrapper.d3g-active.d3g-inner-active > ul {
  display: none;
}
#d3g-header-mobile-sub-nav-wrapper > ul > li,
#d3g-header-mobile-sub-nav-wrapper > ul > li > a,
#d3g-header-mobile-sub-nav-wrapper > ul > li > a:visited {
  list-style: none;
  font-family: 'Avante Garde';
  color: #023248;
  text-decoration: none;
  cursor: pointer;
  padding-bottom:20px;
  width: 20px;
  overflow: visible;
  white-space: nowrap;
}
#d3g-header-mobile-sub-nav-wrapper > ul > li:hover, 
#d3g-header-mobile-sub-nav-wrapper > ul > li > a:hover {
  color: #0d9dda;
}

#d3g-header-mobile-sub-nav-wrapper > ul > li:first-child{
  display:none;
}
#d3g-header-mobile-sub-nav-wrapper > ul > li > icon:after {
  font-family: 'sfdo-icons';
  content: '\00a0' '\e92e';
  font-size: 14px;
  font-weight: bold;
}
#d3g-header-mobile-sub-nav-wrapper > ul > li > svg {
  height: 16px;
  vertical-align: bottom;
  padding-left: 10px;
  margin-bottom: -3px;
  transform: rotate(-90deg);
}
#d3g-header-mobile-sub-nav-wrapper > ul > li > svg > path {
  fill: #023248;
}

#d3g-header-mobile-sub-nav-wrapper > ul > li:hover > svg > path{
  fill: #0d9dda;
}
#d3g-header-mobile-sub-nav-inner .mobileInnerItem .d3g-sub-menu-mobile-inner-title svg {
  height: 16px;
  transform: rotate(90deg);
  position:absolute;
  left: 10px;
  top:22px;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem .d3g-sub-menu-mobile-inner-title svg > path {
  fill: #023248;
}

#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem .d3g-sub-menu-mobile-inner-title:hover svg > path{
  fill: #0d9dda;
}
#d3g-header-mobile-sub-nav-inner .mobileInnerItem .d3g-sub-menu-mobile-inner-title{
  font-family: 'Avante Garde';
  color: #023248;
  text-decoration: none;
  cursor: pointer;
  padding: 20px;
  padding-left: 30px;
  width: 20px;
  overflow: visible;
  white-space: nowrap;
}
#d3g-header-mobile-sub-nav-inner .mobileInnerItem .d3g-sub-menu-mobile-inner-title:before{
  font-family: 'sfdo-icons';
  content: '\e92d' '\00a0';
  font-size: 14px;
  font-weight: bold;
}
#d3g-header-mobile-sub-nav-inner .mobileInnerItem .d3g-sub-menu-mobile-inner-title:hover{
  color: #0d9dda;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol{
  border-top: 1px solid #e5e5e5;
  margin-block-start: 0px;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li{
  padding:15px;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li,
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li > a,
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li > a:visited,
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li > a:hover{
  list-style:none;
  text-decoration: none;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li > a > strong,
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li > a:visited > strong{
  color:#032D60;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem > ol > li > a:hover > strong{
  color: #0d9dda;
}
/*20220427 change the order of some of the sub menus on mobile*/
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(3) ol li:nth-child(1) {
  order: 1;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(3) ol li:nth-child(2) {
  order: 4;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(3) ol li:nth-child(3) {
  order: 2;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(3) ol li:nth-child(4) {
  order: 5;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(3) ol li:nth-child(5) {
  order: 2;
}

#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(5) ol li:nth-child(1) {
  order: 1;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(5) ol li:nth-child(2) {
  order: 2;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(5) ol li:nth-child(3) {
  order: 4;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(5) ol li:nth-child(4) {
  order: 3;
}

#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(7) ol li:nth-child(1) {
  order: 2;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(7) ol li:nth-child(2) {
  order: 3;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(7) ol li:nth-child(3) {
  order: 1;
}
#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem:nth-child(7) ol li:nth-child(4) {
  order: 4;
}

#d3g-header-mobile-sub-nav-wrapper .mobileInnerItem ol{
  display:flex;
  flex-direction:column;
}
@media only screen and (max-width:1099px){
  #d3g-header-nav-hamburger-icon{
      display:block;
  }
  #d3g-header-nav-bar-wrapper > ul > li:nth-child(n+2){
    display:none;
  }
  #d3g-header-nav-bar-wrapper{
    width: 170px !important;
  }
  #d3g-header-mobile-sub-nav-wrapper.d3g-active {
    display: block;
  }
  #rf-content::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
}
/*LOGIN PAGE _ NEED TO HIDE THE TOP NAV UNTIL YOU LOG IN *****************************************/
.salesforce-npsummit22-event-portal-login #sfdo-portal-header #d3g-header-nav-bar-wrapper > ul > li:not(:first-child),
.salesforce-npsummit22-event-portal-login #sfdo-portal-header #d3g-header-nav-hamburger-icon {
  display: none;
  pointer-events: none;
}