@charset "utf-8";

.user-controls { height: 32px !important; max-height: 32px; }

.user-login-panel ul { list-style: none; margin: 0px; padding: 0px; }

.user-login-panel a { text-decoration: none; }

.user-login-panel a:hover { color: var(--accent-color); }

.user-controls-menu { background-color: rgb(255, 255, 255); }

@media screen and (min-width: 992px) {
  .user-login-panel .user-controls-menu { position: absolute; z-index: 50; right: 0px; width: 300px; }
  .user-login-panel { position: relative; }
}

@media screen and (max-width: 991px) {
  .user-login-panel .user-controls-menu { width: 100vw; margin: 0px calc(50% - 50vw); z-index: 50; position: absolute; left: 0px; }
}

.user-login-panel .user-controls-menu { box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 40px; }

.user-login-panel .dropdownMenuButton { height: 32px; }

.user-login-panel .user-controls-menu ul > li a { display: flex; justify-content: space-between; padding: 10px 15px; border-bottom: 1px solid rgb(221, 221, 221); font-size: 16px; }

.user-login-panel .user-controls-menu ul > li a > .tnt-svg { background: rgb(236, 235, 236); height: 25px; width: 25px; border-radius: 50%; padding: 5px; color: rgb(194, 192, 194); }

.user-login-panel a:focus { outline: 0px; }

.user-login-panel .panel { border: 0px; box-shadow: none; }

.user-login-panel .panel * { padding: 0px; background: none; }

.user-login-panel .panel-group { margin-bottom: 0px; }

.user-login-panel .panel-title a { column-gap: 10px; align-items: center; justify-content: flex-start !important; }

.user-login-panel .panel-title .tnt-svg:nth-of-type(2) { margin-left: auto; }

.user-login-panel .user-edition { display: flex; flex-direction: column; }

.user-login-panel .user-edition span { font-size: 12px; }

.user-login-panel .tnt-map-marker-alt { background: none !important; color: var(--accent-color) !important; padding: 0px !important; }

.user-login-panel .user-locations { background: rgb(240, 240, 240); display: flex; flex-direction: column; }

.user-login-panel .user-controls-menu ul.user-locations > li a { justify-content: center; border-bottom: 1px solid rgb(255, 255, 255); }

.user-login-panel .dropdownMenuButton { display: flex; height: 32px; align-items: center; column-gap: 10px; padding-right: 20px; padding-left: 20px; box-shadow: none; color: var(--accent-color); border: 1px solid rgb(42, 110, 183); font-weight: 700; background: none !important; max-height: 32px !important; }

.user-login-panel .dropdownMenuButton.userIcon { border: none; }

.user-login-panel.mobile, .user-login-panel.static { width: 30px; }

.user-login-panel.static .dropdownMenuButton, .user-login-panel.mobile .dropdownMenuButton { padding-left: 0px; padding-right: 0px; border: none; column-gap: 2px; }

.user-login-panel.static .dropdownMenuButton .userName, .user-login-panel.mobile .dropdownMenuButton .userName { display: none; }

.user-login-panel .icon-guest { margin-bottom: 0px; }

.user-login-panel .user-locations .active { color: rgb(255, 255, 255); background-color: var(--accent-color); }

#torstar-user .btn { font-weight: 800; padding: 0px 0.5rem !important; }

#torstar-user .userName { margin: 0px 10px; }

.user-controls .dropdownMenuButton.loggedout .userPanelIndicator { display: none; }

.user-controls .dropdownMenuButton.loggedin .userPanelIndicator { display: block; }

.user-login-panel .closed { max-height: 0px; transition: max-height 0.05s ease-out; overflow: hidden; display: none; }

.user-login-panel .open { max-height: 750px; transition: max-height 0.05s ease-in; }

.user-login-panel .staticNavUser .userName, .user-login-panel .staticNavUser .userPanelIndicator { display: none; }

.user-controls-main { display: flex; }

.user-promo { display: flex; }

.user-promo .hidden { display: none; }

.user-promo-button { display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; background-color: var(--accent-color); min-height: 32px; border-color: var(--accent-color); padding: 2px 8px; border-radius: 5px; }

.user-promo-mobile .user-promo-button { background-color: rgb(255, 255, 255); border: 1px solid var(--accent-color); color: var(--accent-color); }

.user-promo-mobile .user-promo-button:hover { background-color: var(--accent-color2); color: white; }

.user-promo-button:hover { background-color: var(--accent-color2); }

.user-promo-button div { white-space: nowrap; padding: 0px; margin: 0px; color: rgb(255, 255, 255); text-decoration: none !important; }

.user-promo-button .line1 { font-size: 12px; font-weight: 700; line-height: 11px; }

.user-promo-button .line2 { font-size: 10px; font-weight: 400; }

.user-promo-button a { text-decoration: none !important; }

@media (max-width: 991px) {
  .user-promo-button { margin-right: 10px; }
  .user-promo-button .line2 { display: none; }
  .user-promo-button .line1 { margin-bottom: 0px; font-size: 12px; font-weight: 700; color: var(--accent-color); text-decoration: none; }
}

.user-promo-mobile a { text-decoration: none; color: var(--accent-color); font-size: 12px; font-weight: 700; line-height: 11px; }

.user-promo-mobile a:hover { color: rgb(255, 255, 255); }

.user-controls-main { column-gap: 10px; }

@media (max-width: 767px) {
  .user-controls-main { column-gap: 0px; }
}

.user-promo-desktop.right { margin-left: 5px; }

.user-controls-search-button { display: flex; width: 28px; height: 30px; }

.user-controls-search-button button { width: 100%; background: rgb(255, 255, 255); border: 1px solid rgb(42, 110, 183); border-radius: 5px; color: var(--accent-color); }

.user-controls-search form { display: flex; column-gap: 10px; align-items: center; }

.user-controls-cancel-button span { background: var(--accent-color); color: rgb(255, 255, 255); border: 0px; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; text-align: center; }