/*Session Catalog - Fix speaker popup text style*/
.see-all-sessions-btn .mdBtnR-text{
    text-transform: none;
}

/*General reg - Fix list style*/
.card-body li {
  list-style-position: outside !important;
}

/*Group reg - Fix nav focus */
.navbar a:active, .navbar a:focus, .navbar a:not([href]):focus {
    outline-offset: 1px;
    outline: #06c dotted 1px !important;
}

/*Group reg - Fix number dropdown spacing */
.rf-overlay-new .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li {
    padding: 6px 4px;
}


/*General reg - Fix tool tip pop up position due to top nav */
#rf-overlay-id .rf-tooltip{
 	margin-top: -85px; 
}

/*General reg - Fix form number select popup */
#rf-overlay-id .rf-scroll-frame{
 	/*margin-top: -80px; */
}

/*General reg - Fix accordion placment on Powertraining dropdown*/

.accordion-headline .md-accordion-controls{
 	position: absolute;
    top: inherit; 
}

/*General reg - Make space for powertraining info icon*/
.rfG-row .package-description {
    padding-left: 30px;
}


/*hide header on group passes card*/
#bulkPackagesDashboard .workflow-header .rf-flex-vertical-center {
    display: none;
}

/*font fix group passes card*/
.item-card .card-header h2 {
   line-height: 1.2em;
}

/*adjust card hight on log in page*/
#workflow-login-page .md-frame .md-frame-body {
    min-height: 300px;
}

/*Reg flow - Fixes extra white space below footer*/
legend {
 width: 100% !important;
}

/*Reg flow - Fixes registration font size on lables*/
.rf-input .rf-label .label-text, div.radio, div.checkbox{
  font-size:16px !important;
}

/*Reg flow - Limits width of form*/
.rfwf-full-panel .rfwf-panel-interior {
    max-width: 800px !important;
}

/*Reg flow - H6 text spacing fix*/
.rf-text-container>div>h6 {
	margin: 0px 0px 30px;
}



/*Reg flow - Hotel confirmation check mark svg color*/
.hotel-confirmation-header .rfSI svg {
    fill: #ee0000 !important;
}


/*Login boxs - making them the same height - Adam t.*/
#workflow-login-page .md-frame .md-frame-body {
    min-height:280px;
}

/*Fixing the forgot password popup cta styles - Adam t.*/
#forgotPw-modal .mdBtnR-primary {
    text-transform:initial !important;
}

/* Centered text - Left nav User card - homepage*/
.centered {
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  width:65%;
}

/* This removes speaker images from TA's */
.rf-tile-container .rf-tile .rf-tile-avatars {
    display: none;
}

/* Kevin - Firefox TA issue */
@-moz-document url-prefix() {
	.redhat-sum21-recharge-page-recharge .targeted-agenda-details-card .rf-tile-info.rf-tile-line-two p{
		margin-bottom: 0px;
	}
	.redhat-sum21-recharge-page-recharge .targeted-agenda-details-card .rf-tile-info.rf-tile-line-two ul{
		display: none;
	} 
}

/*Fix page spacing with 80px top nav.*/
body {
    /*margin-top: 80px !important;*/
}

/*Fix tool tip on reg questions*/
button.icon-popover-trigger, .icon-popover-trigger {
    position: relative;
}

/*adjust tool tip on powertraining options*/
.rf-workflow .rf-checkbox-wrapper .rfSI.icon-popover-trigger {
 	margin-left: 16px; 
}


/*** Hide Text on Calendar***/
.session-calendar-instructions{
 display: none; 
}


/* Eborall #15282 */
@media (min-width: 700px) {
  .pb-0 .rf-grid-layout-100 h2 {
    line-height: 0.8;
  }
}

#rf-catalog h2 {
   font-size: 22px !important; 
}

/* Lightdom css for nav component */

rh-navigation-secondary {
  --_max-height: max-content;
  --_min-height: 80px;
  --_nav-link-color: var(--rh-color-text-primary);
  --_logo-link-color: var(--rh-color-text-primary);
  --_nav-chevron-color: var(--rh-color-text-primary);
  --rh-color-surface:
    light-dark(var(--rh-color-surface-lighter, #f2f2f2),
      var(--rh-color-surface-dark, #383838));

  display: block;
  position: sticky;
  top: 0;
  background-color: var(--rh-color-surface);
  border-block-end: var(--rh-border-width-sm, 1px) solid transparent;
  box-shadow: var(--rh-box-shadow-sm, 0 2px 4px 0 rgba(21, 21, 21, 0.2));
  height: var(--_max-height);
  min-height: var(--_min-height);
  font-family: var(--rh-font-family-body-text, RedHatText, 'Red Hat Text', Helvetica, Arial, sans-serif);

  &:not(:defined) {
    display: grid;
    position: relative;
    gap: 0 var(--rh-space-2xl, 32px);
    grid-template-rows: minmax(var(--_min-height), var(--_max-height)) max-content max-content;
    grid-template-columns: 1fr max-content;
    grid-template-areas:
      'logo logo'
      'nav nav'
      'cta cta';
  }

  & > [slot='logo'] {
    grid-area: logo;
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--_logo-link-color);

    /* TODO: remove for v2 */
    /* stylelint-disable-next-line */
    max-width: var(--rh-navigation-secondary-logo-max-width, 10em);
    text-decoration: none;
    font-size: var(--rh-font-size-body-text-md, 1rem);
    letter-spacing: 0.01125em;
    margin-inline-start: var(--rh-space-lg, 16px);
    font-family: var(--rh-font-family-heading, RedHatDisplay, 'Red Hat Display', Helvetica, Arial, sans-serif);
    font-weight: var(--rh-font-weight-heading-medium, 500);
    padding-block: var(--rh-space-lg, 16px);
    border-block-start: var(--rh-border-width-lg, 3px) solid transparent;
    width: max-content;

    &:hover {
      text-decoration: none;
      color: var(--_nav-link-color);
    }

    &[aria-current='page'] {
      border-block-start-color: var(--rh-color-brand-red);
    }
  }

  & > [slot='nav'] {
    grid-area: nav;
    display: none;
    flex-direction: column;
    list-style: none;
    background-color: var(--rh-color-surface-lightest, #ffffff);
    margin: 0;
    padding:
      var(--rh-space-2xl, 32px)
      var(--rh-space-lg, 16px)
      var(--rh-space-lg, 16px);
  }

  & > :is([slot='logo'], [slot='nav']) {
    line-height: var(--rh-line-height-heading, 1.3);
  }

  & > [slot='cta'] {
    grid-area: cta;
    display: none;
    height: 100%;
    align-items: center;
    background-color: var(--rh-color-surface-lightest, #ffffff);
    padding:
      var(--rh-space-lg, 16px)
      var(--rh-space-lg, 16px)
      var(--rh-space-2xl, 32px);
    margin: 0;
    max-width: 100%;
  }

  &[color-palette^='light'] {
    color-scheme: only light;
  }

  &[color-palette^='dark'] {
    border-block-end-color: var(--rh-color-border-subtle-on-dark, #707070);
    box-shadow: none;
    color-scheme: only dark;

    & > [slot='logo']:hover {
      color: var(--_logo-link-color);
    }
  }

  * {
    box-sizing: border-box;
  }
}

rh-navigation-secondary-menu a {
  color: var(--rh-color-interactive-primary-default-on-light, #0066cc);
}

rh-navigation-secondary-menu a:hover {
  color: var(--rh-color-interactive-primary-hover-on-light, #003366) !important;
}

/* If the component isn't defined display top level links */
rh-navigation-secondary:not(:defined) > [slot='nav'],
rh-navigation-secondary:not(:defined) > [slot='cta'] {
  display: flex;
}

rh-navigation-secondary-menu {
  color: var(--rh-color-text-primary-on-light, #151515);
}

/* If the component isn't defined hide any sub menus */
rh-navigation-secondary-menu:not(:defined) {
  display: none;
}

/* Top level links, styles are owned by lightdom elements */
rh-navigation-secondary > [slot='nav'] > li > a,
rh-navigation-secondary-dropdown > a {
  display: flex;
  align-items: center;
  height: max-content;
  color: var(--_nav-link-color) !important;
  font-size: var(--rh-font-size-body-text-md, 1rem);
  font-weight: 500;
  padding: var(--rh-space-lg, 16px) var(--rh-space-xl, 24px);
  text-decoration: none !important;
  text-align: center;
  border-block-start: var(--rh-border-width-lg, 3px) solid transparent;
}

rh-navigation-secondary [slot='nav'] > li > a[aria-current='page'] {
  border-block-start-color: var(--rh-color-brand-red);
}

rh-navigation-secondary [slot='nav'] > li > rh-navigation-link[current-page],
rh-navigation-secondary [slot='nav'] > li > rh-navigation-link:has(a[aria-current='page']) {
  border-block-start-color: var(--rh-color-brand-red);
}

rh-navigation-secondary > [slot='nav'] > li > a:hover,
rh-navigation-secondary-dropdown > a:hover {
  text-decoration: none !important;
  color: var(--_nav-link-color) !important;
}

rh-navigation-secondary > [slot='nav'] > li > a:focus,
rh-navigation-secondary-dropdown > a:focus {
  position: relative;
  z-index: 1;
}

rh-navigation-secondary > [slot='nav'] > li {
  border-block-start:
    var(--rh-border-width-sm, 1px)
    solid
    var(--rh-color-border-subtle-on-light, #c7c7c7);
}

rh-navigation-secondary > [slot='nav'] > li:last-of-type {
  border-block-end:
    var(--rh-border-width-sm, 1px)
    solid
    var(--rh-color-border-subtle-on-light, #c7c7c7);
}

rh-navigation-secondary > [slot='nav'] a[aria-expanded='false'],
rh-navigation-secondary > [slot='nav'] > [slot='nav'] > li > a {
  color: var(--_nav-link-color);
}

rh-navigation-secondary-menu-section > [slot='header'] {
  font-size: var(--rh-font-size-body-text-md, 1rem);
  font-weight: 500;
  margin: 0 0 var(--rh-space-lg, 16px);
}

rh-navigation-secondary > [slot='nav'] > li > rh-navigation-link {
  --_navigation-link-container-align-items: center;
  --_navigation-link-container-display: flex;
  --_navigation-link-container-block-size: 100%;
  --_navigation-link-container-inline-size: 100%;
  --_navigation-link-display: flex;
  --_navigation-link-inline-size: 100%;
  --_navigation-link-align-items: start;
  --_navigation-link-padding: var(--rh-space-lg, 16px) var(--rh-space-xl, 24px);
  --_navigation-link-font-weight: 500;
  --_navigation-link-text-decoration-line: none;
  --_navigation-link-color-hover: var(--rh-color-text-primary);

  display: flex;
  block-size: 100%;
  align-items: center;

  @media screen and (min-width: 992px) {
    --_navigation-link-font-weight: 400;
    --_navigation-link-block-size: 100%;
    --_navigation-link-align-items: center;
    --_navigation-link-padding: 0 var(--rh-space-lg, 16px);

    border-block-start: var(--rh-border-width-lg, 3px) solid transparent;

    &:hover {
      border-block-start-color: var(--rh-color-text-brand);
    }
  }
}

@media screen and (min-width: 768px) {
  rh-navigation-secondary > [slot='logo'] {
    margin-inline-start: var(--rh-space-2xl, 32px);
  }
}

@media screen and (min-width: 992px) {
  rh-navigation-secondary {
    --_min-height: 86px;
  }

  rh-navigation-secondary:not(:defined) {
    display: grid;
    grid-template-areas: 'logo nav cta';
    grid-template-rows: minmax(var(--_min-height), var(--_max-height)) max-content max-content;
    grid-template-columns: max-content 1fr max-content;
  }

  rh-navigation-secondary-dropdown > a[aria-expanded='true'] {
    color-scheme: only light;
  }

  rh-navigation-secondary > [slot='logo'] {
    font-size: var(--rh-font-size-body-text-lg, 1.125rem);
    margin-inline-start: 2rem;
  }

  rh-navigation-secondary > [slot='mobile-menu'] {
    display: none;
  }

  rh-navigation-secondary > [slot='nav'] {
    grid-area: nav;
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }

  rh-navigation-secondary > [slot='nav'] > li {
    border-block-start-width: 0;
  }

  rh-navigation-secondary > [slot='nav'] > li:last-of-type {
    border-bottom-width: 0;
  }

  rh-navigation-secondary > ul > li,
  rh-navigation-secondary-dropdown {
    height: 100%;
  }

  rh-navigation-secondary > [slot='nav'] > li > a,
  rh-navigation-secondary-dropdown > a {
    height: 100%;
    font-weight: 400;
    padding: 0 var(--rh-space-lg, 16px);
  }

  rh-navigation-secondary > [slot='nav'] > li > a:focus,
  rh-navigation-secondary > [slot='nav'] > li > a:hover,
  rh-navigation-secondary-dropdown > a[aria-expanded='true'],
  rh-navigation-secondary-dropdown > a:focus,
  rh-navigation-secondary-dropdown > a:hover {
    border-block-start-color: var(--rh-color-text-brand-on-light, #ee0000);
  }

  rh-navigation-secondary > [slot='cta'] {
    display: flex;
    flex-direction: row-reverse;
    background-color: transparent;
    margin-inline-end: var(--rh-space-2xl, 32px);
    padding: unset;
  }

  @media screen and (min-width: 1440px) {
    rh-navigation-secondary:not(:defined) > [slot='logo'],
    rh-navigation-secondary > [slot='logo'] {
      margin-inline-start: var(--rh-space-4xl, 64px);
    }

    rh-navigation-secondary:not(:defined) > [slot='cta'],
    rh-navigation-secondary > [slot='cta'] {
      margin-inline-end: var(--rh-space-4xl, 64px);
    }
  }
}