/**
 * Responsive menu styles.
 *
 * Mixins provide the basic structure and a base style (not much), the rest
 * is up to you, add colors, borders, padding and so on. Icons such as
 * the hamburger and arrows are set in variables in _variables.scss, and you
 * use the color variables for menus from there also.
 *
 * Menu styles are set in Appearance settings using the Responsive Menus extension.
 * There you select a block, breakpoint, a default style and a responsive style.
 * You can safely remove mixins from this file if you not going to use them later
 * on, and want to save a few bytes in stylesheet size.
 *
 * Each mixin takes one or more parameters. Use these to customize the basic
 * structure of the menu, or call options, for example you can place the
 * offcanvas menu on the left or right.
 *
 * Do not import into breakpoints unless you are not using the Responsive Menu
 * settings in Appearance Extensions, in which case you will need to load the
 * at_core/at.responsivemenus library and provide it's required drupalSettings.
 *
 * Breakpoints are handled in matchMedia using Enquire.
 *
 * Responsive styles are a combination of three things:
 *  1. Sass/CSS defined here (with breakpoints etc).
 *  2. jQuery: at.responsiveMenus.js which adds/toggles classes etc.
 *  3. Theme settings as set in your themes extension settings.
 ============================================================================ */
.rm-row {
  z-index: 100;
}

.rm-region {
  margin: 0;
}

.rm-region .contextual-region {
  position: static;
}

.rm-region .contextual-region .contextual {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  word-wrap: normal;
  font: 0/0 a;
}

.rm-toggle {
  font-size: 1rem;
  padding: 0.3125rem 0;
  margin: 0;
}

.rm-toggle__link, .rm-toggle__link:hover, .rm-toggle__link:focus, .rm-toggle__link:active {
  padding: 0.5rem 1rem 0.25rem 0.75rem;
  height: auto;
  border-radius: 2px;
  cursor: pointer;
}

.rm-toggle__icon {
  position: relative;
  height: 1rem;
  width: 1rem;
}

.rm-toggle__label {
  top: -0.125rem;
  position: relative;
}

.rm-block {
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.rm-block__inner {
  width: 100%;
}

.rm-block__content .menu {
  position: relative;
}

.rm-block__content .menu > .menu__item {
  z-index: 490;
  position: relative;
}

.rm-block__content__item {
  position: relative;
  font-size: 1rem;
}

.rm-block__content__item:first-child a {
  border-top: 0;
}

.rm-block__content a {
  transition: all, 225ms, ease-in-out;
  font-weight: 300;
  margin: 0;
  border: 0;
}

.rm-block__content a:hover, .rm-block__content a:focus {
  text-decoration: none;
}

.no-js .rm-block a {
  padding: 0.5rem;
  margin: 0.0625rem 0;
}

.pr-navbar__navbar .rm-block,
.pr-leaderboard__leaderboard .rm-block {
  margin: 0;
  padding: 0;
}

#block-th-theme-main-menu {
  float: right;
}

@media only screen and (min-width: 1024px) {
  #block-th-theme-main-menu {
    padding-bottom: 51px;
  }
}

#block-th-theme-main-menu .rm-toggle button {
  background: none;
  color: #000;
  font-weight: 600;
  outline: none;
  font-size: 24px;
  line-height: 36px;
  padding-right: 0;
}

#block-th-theme-main-menu .rm-toggle button .rm-toggle__icon {
  display: none;
}

#block-th-theme-main-menu .rm-toggle button span#block-th-theme-main-menu-menu:after {
  margin-left: 5px;
  display: inline-block;
  height: 36px;
  width: 20px;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0.8em;
  text-align: right;
}

#block-th-theme-main-menu .rm-toggle button[aria-expanded="false"] span#block-th-theme-main-menu-menu:after {
  content: "\f0c9";
  font-family: fontawesome;
  text-shadow: 0px -2px 0px #000;
  color: #fff;
  vertical-align: middle;
}

#block-th-theme-main-menu .rm-toggle button[aria-expanded="true"] span#block-th-theme-main-menu-menu:after {
  content: "\2716";
  padding-bottom: 2px;
}

#block-th-theme-main-menu #rm-content {
  position: fixed;
  background: #fff;
  max-width: 410px;
  width: 100%;
  min-height: 100vh;
  right: 0;
  box-sizing: border-box;
  padding-right: 40px;
  display: none;
}

#block-th-theme-main-menu #rm-content > ul.menu-level-1 {
  max-height: calc(100vh - 80px);
  overflow: auto;
}

#block-th-theme-main-menu #rm-content > ul.menu-level-1::-webkit-scrollbar {
  display: none;
}

#block-th-theme-main-menu #rm-content.rm-block__content .is-child {
  position: inherit;
  visibility: visible;
  opacity: inherit;
  transition: none;
}

#block-th-theme-main-menu #rm-content.rm-block__content .menu .rm-accordion-trigger {
  display: none;
}

#block-th-theme-main-menu #rm-content.rm-block__content ul.menu-level-1 > li {
  margin-bottom: 12px;
}

#block-th-theme-main-menu #rm-content.rm-block__content ul.menu-level-1 > li > .menu__link--wrapper > a {
  font-weight: 600;
}

#block-th-theme-main-menu #rm-content .menu > .menu__item {
  text-align: right;
  line-height: 20px;
}

#block-th-theme-main-menu #rm-content .menu > .menu__item a {
  display: inline-block;
  color: #000;
  background: none;
  font-size: 16px;
  line-height: 25px;
  padding: 0;
}

#block-th-theme-main-menu #rm-content .menu > .menu__item a:hover {
  background: #fff;
  color: #FFA800;
}

#block-th-theme-main-menu #rm-content .is-parent__wrapper a {
  font-weight: 600;
}

body.rm-is-open #block-th-theme-branding {
  padding-bottom: 2px;
}

body.rm-is-open #block-th-theme-main-menu {
  float: right;
  position: fixed;
  right: 15.25px;
  top: 0;
  display: block;
  padding-top: 36px;
}

@media only screen and (min-width: 1024px) {
  body.rm-is-open #block-th-theme-main-menu {
    padding-top: 50px;
  }
}

body.rm-is-open #block-th-theme-main-menu .rm-toggle {
  z-index: 111111111111111;
  position: relative;
}

body.rm-is-open #block-th-theme-main-menu #rm-content {
  top: 0;
  padding-top: 120px;
  display: block;
}
/*# sourceMappingURL=responsive-menus.css.map */