/* #region Font */

@import url(https://use.typekit.net/ffy3fyb.css);

@font-face {
    font-family: Univers-LT-45-Light-Oblique;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-45-Light;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-55-Oblique;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-55-Roman;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-57-Condensed;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-65-Bold-Oblique;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-65-Bold;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Boldtf.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-67-Bold-Condensed;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-75-Black-Oblique;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black-Oblique.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black-Oblique.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black-Oblique.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black-Oblique.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black-Oblique.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black-Oblique.svg#svgFontName") format("svg")
}

@font-face {
    font-family: Univers-LT-75-Black;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-75-Black.svg#svgFontName") format("svg")
}

/* #region Normal Width */
/* #region Normal Weight*/
@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Roman.svg#svgFontName") format("svg");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-55-Oblique.svg#svgFontName") format("svg");
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

/* #endregion */
/* #region Bold */
@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Boldtf.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold.svg#svgFontName") format("svg");
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-65-Bold-Oblique.svg#svgFontName") format("svg");
    font-style: italic;
    font-weight: 500;
    font-stretch: normal;
}

/* #endregion */
/* #region Light */
@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light.svg#svgFontName") format("svg");
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}

@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-45-Light-Oblique.svg#svgFontName") format("svg");
    font-style: italic;
    font-weight: 300;
    font-stretch: normal;
}

/* #endregion */
/* #endregion */
/* #region Condensed */
@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-57-Condensed.svg#svgFontName") format("svg");
    font-style: normal;
    font-weight: 400;
    font-stretch: condensed;
}

@font-face {
    font-family: Univers;
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.eot");
    src: url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.woff2") format("woff2"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.woff") format("woff"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.ttf") format("truetype"), url("/wp-content/themes/citadel/resources/assets/fonts/Univers-LT-67-Bold-Condensed.svg#svgFontName") format("svg");
    font-style: normal;
    font-weight: 500;
    font-stretch: condensed;
}

/* #endregion */

/* #endregion */

/* #region Debug */

.dottedRed {
    border: dotted 1px #f00 !important;
}

.dottedBlue {
    border: dotted 1px #00f !important;
}

.dottedGreen {
    border: dotted 1px #0f0 !important;
}

.dottedWhite {
    border: dotted 1px #fff !important;
}

.dottedOrange {
    border: dotted 1px var(--ct-orange) !important;
}

.dottedBlack {
    border: dotted 1px #000 !important;
}

/* #endregion */

/* #region Color */

:root {
    --tn-text-color: var(--ct-body-color);
    --tn-link-color: var(--ct-orange);
    --tn-link-color-hover: var(--ct-orange-600);
    --tn-brand-primary: var(--ct-orange);
    --tn-brand-primary-darken-5: var(--ct-orange-550);
    --tn-brand-primary-darken-10: var(--ct-orange-600);
    --tn-brand-primary-darken-15: var(--ct-orange-700);
    --tn-brand-primary-darken-17: var(--ct-orange-800);
    --tn-brand-primary-darken-30: var(--ct-orange-900);
    --tn-brand-primary-lighten-40: var(--ct-orange-300);
    --tn-brand-success: var(--ct-teal);
    --tn-brand-success-darken-5: var(--ct-teal-550);
    --tn-brand-success-darken-10: var(--ct-teal-600);
    --tn-brand-success-darken-15: var(--ct-teal-700);
    --tn-brand-success-darken-17: var(--ct-teal-800);
    --tn-brand-success-darken-30: var(--ct-teal-900);
    --tn-brand-info: var(--ct-blue);
    --tn-brand-info-darken-5: var(--ct-blue-550);
    --tn-brand-info-darken-10: var(--ct-blue-600);
    --tn-brand-info-darken-15: var(--ct-blue-700);
    --tn-brand-info-darken-17: var(--ct-blue-800);
    --tn-brand-info-darken-30: var(--ct-blue-900);
    --tn-brand-warning: var(--ct-yellow);
    --tn-brand-warning-darken-5: var(--ct-yellow-550);
    --tn-brand-warning-darken-10: var(--ct-yellow-600);
    --tn-brand-warning-darken-15: var(--ct-yellow-700);
    --tn-brand-warning-darken-17: var(--ct-yellow-800);
    --tn-brand-warning-darken-30: var(--ct-yellow-900);
    --tn-brand-danger: var(--ct-red);
    --tn-brand-danger-darken-5: var(--ct-red-550);
    --tn-brand-danger-darken-10: var(--ct-red-600);
    --tn-brand-danger-darken-15: var(--ct-red-700);
    --tn-brand-danger-darken-17: var(--ct-red-800);
    --tn-brand-danger-darken-30: var(--ct-red-900);
    --tn-state-success-text: var(--ct-teal-550);
    --tn-state-success-text-darken-10: var(--ct-teal-700);
    --tn-state-success-bg: var(--ct-teal-100);
    --tn-state-success-bg-darken-10: var(--ct-teal-200);
    --tn-state-success-border: var(--ct-teal-150);
    --tn-state-success-border-darken-10: var(--ct-teal-250);
    --tn-state-info-text: var(--ct-blue-550);
    --tn-state-info-text-darken-10: var(--ct-blue-700);
    --tn-state-info-bg: var(--ct-blue-100);
    --tn-state-info-bg-darken-10: var(--ct-blue-200);
    --tn-state-info-border: var(--ct-blue-150);
    --tn-state-info-border-darken-10: var(--ct-blue-250);
    --tn-state-warning-text: var(--ct-yellow-550);
    --tn-state-warning-text-darken-10: var(--ct-yellow-700);
    --tn-state-warning-bg: var(--ct-yellow-100);
    --tn-state-warning-bg-darken-10: var(--ct-yellow-200);
    --tn-state-warning-border: var(--ct-yellow-150);
    --tn-state-warning-border-darken-10: var(--ct-yellow-250);
    --tn-state-danger-text: var(--ct-red-550);
    --tn-state-danger-text-darken-10: var(--ct-red-700);
    --tn-state-danger-bg: var(--ct-red-100);
    --tn-state-danger-bg-darken-10: var(--ct-red-200);
    --tn-state-danger-border: var(--ct-red-150);
    --tn-state-danger-border-darken-10: var(--ct-red-250);
    --tn-btn-border-radius-base: 4px;
    --tn-btn-border-radius-large: 4px;
    --tn-btn-border-radius-small: 4px;
    --tn-label-default-bg-focus: var(--ct-orange-200);
    --tn-label-primary-bg-focus: var(--tn-brand-primary-darken-10);
    --tn-label-success-bg-focus: var(--tn-brand-success-darken-10);
    --tn-label-info-bg-focus: var(--tn-brand-info-darken-10);
    --tn-label-warning-bg-focus: var(--tn-brand-warning-darken-10);
    --tn-label-danger-bg-focus: var(--tn-brand-danger-darken-10);
    --tn-btn-font-weight: normal;
    --tn-btn-default-color: var(--ct-gray-900);
    --tn-btn-default-color-hover: var(--ct-orange-600);
    --tn-btn-default-bg: #fff !important;
    --tn-btn-default-bg-focus: var(--ct-orange-100);
    --tn-btn-default-bg-hover: var(--ct-orange-100);
    --tn-btn-default-border: var(--ct-gray-400);
    --tn-btn-default-border-focus: var(--ct-orange-300);
    --tn-btn-default-border-hover: var(--ct-orange-300);
    --tn-btn-default-border-active: var(--ct-orange-400);
    --tn-btn-default-bg-active: var(--ct-orange-200);
    --tn-btn-default-bg-active-focus: var(--ct-orange-200);
    --tn-btn-primary-color: white;
    --tn-btn-primary-color-hover: var(--tn-btn-primary-color);
    --tn-btn-primary-bg: var(--ct-orange);
    --tn-btn-primary-border: var(--ct-orange);
    --tn-btn-primary-bg-focus: var(--ct-orange-600);
    --tn-btn-primary-border-focus: var(--ct-orange-600);
    --tn-btn-primary-bg-hover: var(--ct-orange-600);
    --tn-btn-primary-border-hover: var(--ct-orange-600);
    --tn-btn-primary-bg-active: var(--ct-orange-650);
    --tn-btn-primary-border-active: var(--ct-orange-650);
    --tn-btn-primary-bg-active-focus: var(--ct-orange-650);
    --tn-btn-success-color: white;
    --tn-btn-success-color-hover: var(--tn-btn-success-color);
    --tn-btn-success-bg: var(--ct-teal);
    --tn-btn-success-border: var(--ct-teal);
    --tn-btn-success-bg-focus: var(--ct-teal-600);
    --tn-btn-success-border-focus: var(--ct-teal-600);
    --tn-btn-success-bg-hover: var(--ct-teal-600);
    --tn-btn-success-border-hover: var(--ct-teal-600);
    --tn-btn-success-bg-active: var(--ct-teal-650);
    --tn-btn-success-border-active: var(--ct-teal-650);
    --tn-btn-success-bg-active-focus: var(--ct-teal-650);
    --tn-btn-info-color: white;
    --tn-btn-info-color-hover: var(--tn-btn-info-color);
    --tn-btn-info-bg: var(--ct-blue);
    --tn-btn-info-border: var(--ct-blue);
    --tn-btn-info-bg-focus: var(--ct-blue-600);
    --tn-btn-info-border-focus: var(--ct-blue-600);
    --tn-btn-info-bg-hover: var(--ct-blue-600);
    --tn-btn-info-border-hover: var(--ct-blue-600);
    --tn-btn-info-bg-active: var(--ct-blue-650);
    --tn-btn-info-border-active: var(--ct-blue-650);
    --tn-btn-info-bg-active-focus: var(--ct-blue-650);
    --tn-btn-warning-color: white;
    --tn-btn-warning-color-hover: var(--tn-btn-warning-color);
    --tn-btn-warning-bg: var(--ct-yellow);
    --tn-btn-warning-border: var(--ct-yellow);
    --tn-btn-warning-bg-focus: var(--ct-yellow-600);
    --tn-btn-warning-border-focus: var(--ct-yellow-600);
    --tn-btn-warning-bg-hover: var(--ct-yellow-600);
    --tn-btn-warning-border-hover: var(--ct-yellow-600);
    --tn-btn-warning-bg-active: var(--ct-yellow-650);
    --tn-btn-warning-border-active: var(--ct-yellow-650);
    --tn-btn-warning-bg-active-focus: var(--ct-yellow-650);
    --tn-btn-danger-color: white;
    --tn-btn-danger-color-hover: var(--tn-btn-danger-color);
    --tn-btn-danger-bg: var(--ct-red);
    --tn-btn-danger-border: var(--ct-red);
    --tn-btn-danger-bg-focus: var(--ct-red-600);
    --tn-btn-danger-border-focus: var(--ct-red-600);
    --tn-btn-danger-bg-hover: var(--ct-red-600);
    --tn-btn-danger-border-hover: var(--ct-red-600);
    --tn-btn-danger-bg-active: var(--ct-red-650);
    --tn-btn-danger-border-active: var(--ct-red-650);
    --tn-btn-danger-bg-active-focus: var(--ct-red-650);
    --tn-btn-link-disabled-color: var(--ct-gray-700);
    --tn-list-group-active-text-color: var(--tn-brand-primary-lighten-40);
    --tn-alert-success-hr-color: var(--tn-brand-success-darken-15);
    --tn-alert-info-hr-color: var(--tn-brand-info-darken-15);
    --tn-alert-warning-hr-color: var(--tn-brand-warning-darken-15);
    --tn-alert-danger-hr-color: var(--tn-brand-danger-darken-15);
    --tn-alert-success-link-color: var(--tn-state-success-text-darken-10);
    --tn-alert-info-link-color: var(--tn-state-info-text-darken-10);
    --tn-alert-warning-link-color: var(--tn-state-warning-text-darken-10);
    --tn-alert-danger-link-color: var(--tn-state-danger-text-darken-10);
    --tn-brand-primary-link-hover-color: var(--tn-brand-primary-darken-10);
    --tn-state-success-link-hover-color: var(--tn-brand-success-darken-10);
    --tn-state-info-link-hover-color: var(--tn-brand-info-darken-10);
    --tn-state-warning-link-hover-color: var(--tn-brand-warning-darken-10);
    --tn-state-danger-link-hover-color: var(--tn-brand-danger-darken-10);
    --tn-table-bg-active-hover: var(--ct-gray-100);
    --tn-table-bg-success-hover: var(--tn-state-success-bg-darken-10);
    --tn-table-bg-info-hover: var(--tn-state-info-bg-darken-10);
    --tn-table-bg-warning-hover: var(--tn-state-warning-bg-darken-10);
    --tn-table-bg-danger-hover: var(--tn-state-danger-bg-darken-10);

}

/*      #region Orange */

.orangeBg,
.tn-utility-nav,
.tn-account-login-page div:has(>.tn-login-component) {

    --tn-btn-primary-color: var(--ct-orange);
    --tn-btn-primary-color-hover: var(--ct-orange-600);
    --tn-btn-primary-bg: white;
    --tn-btn-primary-border: white;
    --tn-btn-primary-bg-focus: var(--ct-orange-100);
    --tn-btn-primary-border-focus: var(--ct-orange-100);
    --tn-btn-primary-bg-hover: var(--ct-orange-100);
    --tn-btn-primary-border-hover: var(--ct-orange-100);
    --tn-btn-primary-bg-active: var(--ct-orange-200);
    --tn-btn-primary-border-active: var(--ct-orange-200);
    --tn-btn-primary-bg-active-focus: var(--ct-orange-200);

    --tn-btn-default-color: white;
    --tn-btn-default-color-hover: var(--ct-orange-100);
    --tn-btn-default-bg: var(--ct-orange);
    --tn-btn-default-bg-focus: var(--ct-orange-500);
    --tn-btn-default-bg-hover: var(--ct-orange-500);
    --tn-btn-default-border: white;
    --tn-btn-default-border-focus: var(--ct-orange-100);
    --tn-btn-default-border-hover: var(--ct-orange-100);
    --tn-btn-default-border-active: var(--ct-orange-500);
    --tn-btn-default-bg-active: var(--ct-orange-500);
    --tn-btn-default-bg-active-focus: var(--ct-orange-500);

    .help-block {
        color: var(--ct-orange-100);
    }

    .has-error .checkbox,
    .has-error .checkbox-inline,
    .has-error .control-label,
    .has-error .help-block,
    .has-error .radio,
    .has-error .radio-inline,
    .has-error .tn-required-field svg,
    .has-error.checkbox label,
    .has-error.checkbox-inline label,
    .has-error.radio label,
    .has-error.radio-inline label {
        color: var(--ct-brick-600);
    }

}

/*      #endregion*/

/*      #region Dark */

.darkBg {
    background-color: black;

    --tn-text-color: white;
    --tn-link-color: var(--ct-orange);
    --tn-link-color-hover: var(--ct-orange-400);
    --tn-brand-primary: var(--ct-orange);
    --tn-brand-primary-darken-5: var(--ct-orange-450);
    --tn-brand-primary-darken-10: var(--ct-orange-400);
    --tn-brand-primary-darken-15: var(--ct-orange-300);
    --tn-brand-primary-darken-17: var(--ct-orange-200);
    --tn-brand-primary-darken-30: var(--ct-orange-100);
    --tn-brand-primary-lighten-40: var(--ct-orange-700);
    --tn-brand-success: var(--ct-teal);
    --tn-brand-success-darken-5: var(--ct-teal-450);
    --tn-brand-success-darken-10: var(--ct-teal-400);
    --tn-brand-success-darken-15: var(--ct-teal-300);
    --tn-brand-success-darken-17: var(--ct-teal-200);
    --tn-brand-success-darken-30: var(--ct-teal-100);
    --tn-brand-info: var(--ct-blue);
    --tn-brand-info-darken-5: var(--ct-blue-450);
    --tn-brand-info-darken-10: var(--ct-blue-400);
    --tn-brand-info-darken-15: var(--ct-blue-300);
    --tn-brand-info-darken-17: var(--ct-blue-200);
    --tn-brand-info-darken-30: var(--ct-blue-100);
    --tn-brand-warning: var(--ct-yellow);
    --tn-brand-warning-darken-5: var(--ct-yellow-450);
    --tn-brand-warning-darken-10: var(--ct-yellow-400);
    --tn-brand-warning-darken-15: var(--ct-yellow-300);
    --tn-brand-warning-darken-17: var(--ct-yellow-200);
    --tn-brand-warning-darken-30: var(--ct-yellow-100);
    --tn-brand-danger: var(--ct-red);
    --tn-brand-danger-darken-5: var(--ct-red-450);
    --tn-brand-danger-darken-10: var(--ct-red-400);
    --tn-brand-danger-darken-15: var(--ct-red-300);
    --tn-brand-danger-darken-17: var(--ct-red-200);
    --tn-brand-danger-darken-30: var(--ct-red-100);
    --tn-state-success-text: var(--ct-teal-450);
    --tn-state-success-text-darken-10: var(--ct-teal-300);
    --tn-state-success-bg: var(--ct-teal-850);
    --tn-state-success-bg-darken-10: var(--ct-teal-800);
    --tn-state-success-border: var(--ct-teal-850);
    --tn-state-success-border-darken-10: var(--ct-teal-800);
    --tn-state-info-text: var(--ct-blue-450);
    --tn-state-info-text-darken-10: var(--ct-blue-300);
    --tn-state-info-bg: var(--ct-blue-850);
    --tn-state-info-bg-darken-10: var(--ct-blue-800);
    --tn-state-info-border: var(--ct-blue-850);
    --tn-state-info-border-darken-10: var(--ct-blue-800);
    --tn-state-warning-text: var(--ct-yellow-450);
    --tn-state-warning-text-darken-10: var(--ct-yellow-300);
    --tn-state-warning-bg: var(--ct-yellow-850);
    --tn-state-warning-bg-darken-10: var(--ct-yellow-800);
    --tn-state-warning-border: var(--ct-yellow-850);
    --tn-state-warning-border-darken-10: var(--ct-yellow-800);
    --tn-state-danger-text: var(--ct-red-450);
    --tn-state-danger-text-darken-10: var(--ct-red-300);
    --tn-state-danger-bg: var(--ct-red-850);
    --tn-state-danger-bg-darken-10: var(--ct-red-800);
    --tn-state-danger-border: var(--ct-red-850);
    --tn-state-danger-border-darken-10: var(--ct-red-800);
    --tn-btn-border-radius-base: 4px;
    --tn-btn-border-radius-large: 4px;
    --tn-btn-border-radius-small: 4px;
    --tn-label-default-bg-focus: var(--ct-orange-800);
    --tn-label-primary-bg-focus: var(--tn-brand-primary-darken-10);
    --tn-label-success-bg-focus: var(--tn-brand-success-darken-10);
    --tn-label-info-bg-focus: var(--tn-brand-info-darken-10);
    --tn-label-warning-bg-focus: var(--tn-brand-warning-darken-10);
    --tn-label-danger-bg-focus: var(--tn-brand-danger-darken-10);
    --tn-btn-font-weight: normal;
    --tn-btn-default-color: var(--ct-gray-100);
    --tn-btn-default-color-hover: var(--ct-orange-400);
    --tn-btn-default-bg: #000 !important;
    --tn-btn-default-bg-focus: var(--ct-orange-900);
    --tn-btn-default-bg-hover: var(--ct-orange-900);
    --tn-btn-default-border: var(--ct-gray-600);
    --tn-btn-default-border-focus: var(--ct-orange-700);
    --tn-btn-default-border-hover: var(--ct-orange-700);
    --tn-btn-default-border-active: var(--ct-orange-600);
    --tn-btn-default-bg-active: var(--ct-orange-800);
    --tn-btn-default-bg-active-focus: var(--ct-orange-800);
    --tn-btn-primary-color: black;
    --tn-btn-primary-color-hover: var(--tn-btn-primary-color);
    --tn-btn-primary-bg: var(--ct-orange);
    --tn-btn-primary-border: var(--ct-orange);
    --tn-btn-primary-bg-focus: var(--ct-orange-400);
    --tn-btn-primary-border-focus: var(--ct-orange-400);
    --tn-btn-primary-bg-hover: var(--ct-orange-400);
    --tn-btn-primary-border-hover: var(--ct-orange-400);
    --tn-btn-primary-bg-active: var(--ct-orange-350);
    --tn-btn-primary-border-active: var(--ct-orange-350);
    --tn-btn-primary-bg-active-focus: var(--ct-orange-350);
    --tn-btn-success-color: black;
    --tn-btn-success-color-hover: var(--tn-btn-success-color);
    --tn-btn-success-bg: var(--ct-teal);
    --tn-btn-success-border: var(--ct-teal);
    --tn-btn-success-bg-focus: var(--ct-teal-400);
    --tn-btn-success-border-focus: var(--ct-teal-400);
    --tn-btn-success-bg-hover: var(--ct-teal-400);
    --tn-btn-success-border-hover: var(--ct-teal-400);
    --tn-btn-success-bg-active: var(--ct-teal-350);
    --tn-btn-success-border-active: var(--ct-teal-350);
    --tn-btn-success-bg-active-focus: var(--ct-teal-350);
    --tn-btn-info-color: black;
    --tn-btn-info-color-hover: var(--tn-btn-info-color);
    --tn-btn-info-bg: var(--ct-blue);
    --tn-btn-info-border: var(--ct-blue);
    --tn-btn-info-bg-focus: var(--ct-blue-400);
    --tn-btn-info-border-focus: var(--ct-blue-400);
    --tn-btn-info-bg-hover: var(--ct-blue-400);
    --tn-btn-info-border-hover: var(--ct-blue-400);
    --tn-btn-info-bg-active: var(--ct-blue-350);
    --tn-btn-info-border-active: var(--ct-blue-350);
    --tn-btn-info-bg-active-focus: var(--ct-blue-350);
    --tn-btn-warning-color: black;
    --tn-btn-warning-color-hover: var(--tn-btn-warning-color);
    --tn-btn-warning-bg: var(--ct-yellow);
    --tn-btn-warning-border: var(--ct-yellow);
    --tn-btn-warning-bg-focus: var(--ct-yellow-400);
    --tn-btn-warning-border-focus: var(--ct-yellow-400);
    --tn-btn-warning-bg-hover: var(--ct-yellow-400);
    --tn-btn-warning-border-hover: var(--ct-yellow-400);
    --tn-btn-warning-bg-active: var(--ct-yellow-350);
    --tn-btn-warning-border-active: var(--ct-yellow-350);
    --tn-btn-warning-bg-active-focus: var(--ct-yellow-350);
    --tn-btn-danger-color: black;
    --tn-btn-danger-color-hover: var(--tn-btn-danger-color);
    --tn-btn-danger-bg: var(--ct-red);
    --tn-btn-danger-border: var(--ct-red);
    --tn-btn-danger-bg-focus: var(--ct-red-400);
    --tn-btn-danger-border-focus: var(--ct-red-400);
    --tn-btn-danger-bg-hover: var(--ct-red-400);
    --tn-btn-danger-border-hover: var(--ct-red-400);
    --tn-btn-danger-bg-active: var(--ct-red-350);
    --tn-btn-danger-border-active: var(--ct-red-350);
    --tn-btn-danger-bg-active-focus: var(--ct-red-350);
    --tn-btn-link-disabled-color: var(--ct-gray-300);
    --tn-list-group-active-text-color: var(--tn-brand-primary-lighten-40);
    --tn-alert-success-hr-color: var(--tn-brand-success-darken-15);
    --tn-alert-info-hr-color: var(--tn-brand-info-darken-15);
    --tn-alert-warning-hr-color: var(--tn-brand-warning-darken-15);
    --tn-alert-danger-hr-color: var(--tn-brand-danger-darken-15);
    --tn-alert-success-link-color: var(--tn-state-success-text-darken-10);
    --tn-alert-info-link-color: var(--tn-state-info-text-darken-10);
    --tn-alert-warning-link-color: var(--tn-state-warning-text-darken-10);
    --tn-alert-danger-link-color: var(--tn-state-danger-text-darken-10);
    --tn-brand-primary-link-hover-color: var(--tn-brand-primary-darken-10);
    --tn-state-success-link-hover-color: var(--tn-brand-success-darken-10);
    --tn-state-info-link-hover-color: var(--tn-brand-info-darken-10);
    --tn-state-warning-link-hover-color: var(--tn-brand-warning-darken-10);
    --tn-state-danger-link-hover-color: var(--tn-brand-danger-darken-10);
    --tn-table-bg-active-hover: var(--ct-gray-900);
    --tn-table-bg-success-hover: var(--tn-state-success-bg-darken-10);
    --tn-table-bg-info-hover: var(--tn-state-info-bg-darken-10);
    --tn-table-bg-warning-hover: var(--tn-state-warning-bg-darken-10);
    --tn-table-bg-danger-hover: var(--tn-state-danger-bg-darken-10);

}

/*      #endregion*/

/* #endregion */

/* #region global layout */

html {
    font-size: 16px !important;
}

body {
    margin-top: 0 !important;
    font-family: "Univers";
    font-stretch: condensed;

}

body>.wrap.container-fluid {
    padding: 0;
}

main {

    --ct-gutter-x: 1rem;
    --ct-gutter-y: 0;

    --ct-unpad-x: calc(var(--ct-gutter-x) * -0.5);

    width: 100%;
    padding-right: calc(var(--ct-gutter-x) * 0.5);
    padding-left: calc(var(--ct-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;

    @media (min-width: 1400px) {
        max-width: 1320px;
    }

    @media (max-width:1399.98px) {
        overflow-x: clip;
    }
}

/* #endregion */

/* #region inputs */

:root {
    --ct-btn-focus-shadow-rgb: 235, 135, 38;
    /* --ct-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--ct-btn-focus-shadow-rgb), .5);*/
}

*:focus,
*:focus-visible,
*:focus+* {
    outline: none !important;
    outline-width: 0 !important;
}

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

.btn,
a,
[role="tab"] {
    --ct-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--ct-btn-focus-shadow-rgb), .5);

    &:focus-visible {
        box-shadow: var(--ct-btn-focus-box-shadow);
    }
}

.btn-primary,
.btn-default {
    --ct-btn-focus-shadow-rgb: 235, 135, 38;
}

.btn-success {
    --ct-btn-focus-shadow-rgb: 59, 167, 152;
}

.btn-info {
    --ct-btn-focus-shadow-rgb: 38, 138, 209;
}

.btn-warning {
    --ct-btn-focus-shadow-rgb: 199, 166, 34;
}

.btn-danger {
    --ct-btn-focus-shadow-rgb: 240, 93, 85;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    font-weight: 500;
    text-transform: uppercase;
}

.btn.active,
.btn:active {
    box-shadow: none;
}

.btn-group-sm>.btn,
.btn-sm {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.btn-group-xs>.btn,
.btn-xs {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 1px;
}

/* #endregion */

/* #region utility-nav*/

.tn-utility-nav {

    background-color: rgba(var(--ct-orange-rgb), 0.9);
    background-image: url(https://citadeltheatre.com/wp-content/uploads/2021/10/orangePhoto.jpg);
    background-position: 0 60%;
    background-size: cover;

    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 0 !important;
    margin-right: 0 !important;

    * {
        opacity: 0;

        .tn-utility-nav-wrapper & {
            opacity: 1;
        }
    }

    .tn-utility-nav-wrapper {
        --ct-gap-x: 0.5rem;
        --ct-gap-y: 0.5rem;

        padding-right: 0;
        padding-left: 0;

        column-gap: var(--ct-gap-x);
        row-gap: var(--ct-gap-y);

        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: end;

        width: 100%;
        margin-right: auto;
        margin-left: auto;

        opacity: 1;
    }

    .crumbBar {

        flex-grow: 1;
        display: flex;
        gap: 0.5em;
        color: white;
        font-size: 1rem;
        padding: 0;
        line-height: 1.5;

        a {
            color: white;

            &:hover,
            &:focus {
                color: var(--ct-orange-100);
            }

            &:active {
                color: var(--ct-orange-200);
            }
        }

        .separator {
            position: relative;
            top: -0.125em;
        }
    }

    .tn-utility-nav-account-section__container {
        flex-basis: auto;
        flex-grow: 0;

        .tn-utility-nav-account-login-link {
            margin-right: 0;
        }
    }

    .tn-utility-nav-cart-controls-section {

        flex-basis: auto;
        flex-grow: 0;
        gap: 0.5rem;

        .tn-utility-nav-cart-timer {

            height: 30px;
            align-items: center;
            background-color: var(--ct-orange-300);
            border-color: var(--ct-orange-300);
            color: var(--ct-orange-900);

            .tn-utility-nav-cart-timer__label {

                font-family: "Univers";
                font-size: 1em;
                text-transform: uppercase;
                font-weight: 400;
            }

            .tn-utility-nav-cart-timer__time {

                font-family: "Univers";
                font-weight: 500;
                font-size: 1rem;
                font-stretch: normal;
                color: var(--ct-orange-700);
            }
        }

        .tn-utility-nav-promo-code-section {

            margin-right: 0;
            margin-left: 0;

            .tn-utility-nav-inline-promo-code-form__label {
                color: white;
                text-transform: uppercase;
                font-weight: 400;
                width: min-content;
                text-align: right;
                padding-top: 1px;
            }

            .tn-utility-nav-inline-promo-code-form__input {
                border-color: white;
                border-width: 0;
                box-shadow: none;
            }

            .tn-utility-nav-inline-promo-code-form__btn-submit {
                --tn-btn-primary-bg: var(--ct-orange-100);
                --tn-btn-primary-border: var(--ct-orange-100);
                --tn-btn-primary-bg-focus: var(--ct-orange-200);
                --tn-btn-primary-border-focus: var(--ct-orange-200);
                --tn-btn-primary-bg-hover: var(--ct-orange-200);
                --tn-btn-primary-border-hover: var(--ct-orange-200);
                --tn-btn-primary-bg-active: var(--ct-orange-300);
                --tn-btn-primary-border-active: var(--ct-orange-300);
                --tn-btn-primary-bg-active-focus: var(--ct-orange-300);
            }

            .tn-utility-nav-applied-promo {
                .tn-utility-nav-applied-promo__tag {

                    g {
                        .tn-utility-nav-applied-promo__tag-outline {
                            fill: var(--ct-orange-50);
                            stroke: var(--ct-orange-50);
                        }

                        .tn-utility-nav-applied-promo__tag-dash {
                            stroke: var(--ct-orange-300);
                        }
                    }
                }


                .tn-utility-nav-applied-promo__contents {
                    border-color: transparent;
                    background-color: var(--ct-orange-50);

                    .tn-utility-nav-applied-promo__promo-code {
                        font-family: 'Univers';
                        font-weight: bold;
                        font-stretch: condensed;
                        font-size: 1rem;
                        color: var(--ct-orange-700);
                    }

                }

            }
        }
    }

    .tn-utility-nav-cart-link__quantity-badge {
        background-color: var(--ct-brick);
        color: white;
    }

    .digiTicketLink {
        line-height: 1rem;

        i {
            transform: rotate(-105deg);
            transform-origin: 55% 50%;
            margin-right: 0.35em;
        }
    }
}

@media (max-width:1199.98px) {
    .digiTicketLink {
        display: none !important;
    }
}

@media (max-width:767.98px) {
    .tn-utility-nav {
        .tn-utility-nav-wrapper {
            flex-flow: wrap-reverse;
            justify-content: space-between;
        }

        .crumbBar {
            justify-content: left;
            flex-basis: 100%;
            background-color: white;
            margin: 0 -10px -10px -10px;
            padding:0.5rem 0.75rem;
            color: var(--ct-orange-500);

            a {
                color:  var(--ct-orange-500);

                &:hover,
                &:focus {
                    color:  var(--ct-orange-600);
                }

                &:active {
                    color:  var(--ct-orange-700);
                }
            }
        }
    }
}

@media (min-width:992px) {
    .tn-utility-nav .tn-utility-nav-cart-controls-section .tn-utility-nav-cart-timer {
        border-radius: 0.25rem;
    }
}

@media (min-width: 1400px) {
    .tn-utility-nav .tn-utility-nav-wrapper {
        max-width: 1320px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

/* #endregion */

/* #region Event Listing */

.tn-events-keyword-filter {

    background-color: transparent;
    padding-left: 0;
    padding-right: 0;

    .tn-events-keyword-filter__heading {
        font-size: 1rem;
    }

    .tn-events-keyword-filter__keyword-button {
        svg {
            width: 1em;
            height: 1em;
            margin-bottom: 1px;
        }
    }
}

.tn-events-keyword-filter__keyword-input {

    &:active,
    &:focus {
        &+.tn-events-keyword-filter__keyword-button {
            color: var(--tn-btn-default-color-hover);
            border-color: var(--tn-btn-default-border-hover);
            background-color: var(--tn-btn-default-bg-hover);
        }
    }
}

.tn-event-listing-mode-tab-nav__list {
    margin-left: var(--ct-unpad-x);
    margin-right: var(--ct-unpad-x);
    background-color: transparent;
    border-bottom: solid 1px var(--ct-orange-300);

    .tn-event-listing-mode-tab-nav__list-item {
        border-radius: 4px 4px 0 0;
        border-width: 1px;
        border-color: var(--ct-gray-400);
        color: var(--ct-gray-600);

        text-transform: uppercase;

        &:hover,
        &:focus {
            color: var(--tn-btn-default-color-hover);
            border-color: var(--tn-btn-default-border-hover);
            background-color: var(--tn-btn-default-bg-hover);
        }

        &.active,
        &.active:hover,
        &.active:focus {
            margin-bottom: -1px;
            border-color: var(--ct-orange-300);
            font-weight: 500;
            background-color: white;
            color: var(--tn-text-color);
        }
    }
}

@media (min-width:1400px) {

    :root {
        --ct-ignore-container-margin: calc((1320px - 100vw) / 2);
        --ct-restore-container-margin: calc((100vw - 1320px) / 2);
    }

    #tn-event-listing-mode-tab-nav {
        margin-left: var(--ct-ignore-container-margin);
        margin-right: var(--ct-ignore-container-margin);
        padding-left: var(--ct-restore-container-margin);
        padding-right: var(--ct-restore-container-margin);
    }
}

/*      #region Calendar */
/* restyle Day/Week/Month tabs to look like pill button group */

.tn-event-listing-mode-tab-nav__list--secondary {

    border-bottom-width: 0;

    .tn-event-listing-mode-tab-nav__list-item--secondary {

        color: var(--tn-btn-default-color);
        background-color: var(--tn-btn-default-bg);
        border-color: var(--tn-btn-default-border);

        border-radius: 0;
        margin: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;

        &:hover,
        &:focus {
            color: var(--tn-btn-default-color-hover);
            background-color: var(--tn-btn-default-bg-hover);
            border-color: var(--tn-btn-default-border-hover);
        }

        &:active {
            color: var(--tn-btn-default-color-hover);
            background-color: var(--tn-btn-default-bg-active);
            border-color: var(--tn-btn-default-border-active);
        }

        &:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        &:last-child {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        &:not(:first-child) {
            border-left-width: 0;
        }

        &:has(+.active) {
            border-right-width: 0;
        }

        &.active {
            color: var(--tn-btn-primary-color);
            background-color: var(--tn-btn-primary-bg);
            border-color: var(--tn-btn-primary-border);
            margin-bottom: 0;

            &:hover,
            &:focus {
                color: var(--tn-btn-primary-color-hover);
                background-color: var(--tn-btn-primary-bg-hover);
                border-color: var(--tn-btn-primary-border-hover);
            }

            &:active {
                color: var(--tn-btn-primary-color-active);
                background-color: var(--tn-btn-primary-bg-active);
                border-color: var(--tn-btn-primary-border-active);
            }
        }

    }

}

/*      #endregion */

.tn-event-listing__controls-heading {
    font-size: 1rem;
}

.tn-event-listing-view__results-heading {
    text-transform: uppercase;
}

/*      #region Productions */

.tn-prod-list-item {
    background-color: transparent;
    border: solid 0px transparent;
    margin-right: 0;
    padding: 0;

    border-top: solid 1px var(--ct-gray-400);
    margin-top: 1rem;
    padding-top: 1rem;
}

.tn-prod-list-item__property--heading {
    text-transform: uppercase;

    * {
        font-size: 1em !important;
    }

    @media (max-width: 767.98px) {
        text-align: center;
    }
}

.tn-prod-list-item__property--img-container {

    display: block;
    text-align: center;

    img {
        width: 100%;

        @media (max-width: 767.98px) {
            width: 75%;
        }
    }

    @media (min-width:768px) {
        grid-row: 1 / 4;
        margin: 0;

        &:not(:has(*)) {
            aspect-ratio: 1;
            background-color: var(--ct-gray-100);
            border-radius: 4px;
        }
    }
}

.tn-prod-list-item__property--description,
.tn-production-season-detail-page__description,
.tn-prod-season-header__description-text-content {

    margin-top: 0.5rem;
    font-size: 1rem;

    ul {
        list-style: none;
        padding-left: 0;
        font-stretch: normal;
        margin-bottom: 0.5rem;
        font-size: 0.9375rem;
    }
}

.tn-prod-list-item__perf-anchor {

    border-radius: 4px;
    border-color: var(--ct-gray-400);
    font-size: 0.9375rem;

    .btn-primary {
        border-radius: 0 4px 4px 0;
    }

    .tn-performance-title {
        font-weight: 500;

        * {
            font-size: 1em !important;
        }
    }

    .tn-prod-list-item__perf-property--datetime {

        @media (min-width:768px) {
            display: flex;
            padding-right: 1rem;
            gap: 1rem;
            align-items: center;
        }
    }

    &:hover,
    &:focus {
        background-color: var(--tn-btn-default-bg-hover);
        border-color: var(--tn-btn-default-border-hover);
        color: var(--tn-btn-default-color-hover);

        .btn-primary {
            background-color: var(--tn-btn-primary-bg-hover);
            border-color: var(--tn-btn-primary-border-hover);
        }

        .tn-prod-list-item__perf-date,
        .tn-prod-list-item__perf-time,
        .tn-performance-title {
            color: var(--tn-btn-default-color-hover);
        }

        .tn-prod-list-item__perf-property--datetime {
            @media (max-width:767.98px) {
                background-color: var(--ct-orange-200);
            }
        }
    }

    &:active {
        background-color: var(--tn-btn-default-bg-active);
        border-color: var(--tn-btn-default-border-active);
        color: var(--tn-btn-default-color-hover);

        .btn-primary {
            background-color: var(--tn-btn-primary-bg-active);
            border: var(--tn-btn-primary-border-active);
        }

        .tn-prod-list-item__perf-date,
        .tn-prod-list-item__perf-time,
        .tn-performance-title {
            color: var(--tn-btn-default-color-hover);
        }

        .tn-prod-list-item__perf-property--datetime {
            @media (max-width:767.98px) {
                background-color: var(--ct-orange-300);
            }
        }
    }
}

.tn-syos-seat-info__price-type--button {
    font-size: 1rem;
}

/*      #endregion */

/* #endregion */

/* #region Performance/Map */

.tn-prod-season-header {

    border-bottom: 1px solid var(--ct-gray-400);
}

.tn-prod-season-header__title {
    align-self: flex-start;
    text-transform: uppercase;
}

.tn-event-detail__additional-events-container {
    background-color: var(--ct-gray-100);
}

.tn-additional-events__instructions {

    background-color: var(--ct-gray-200);
    font-weight: 400;
    font-size: 1rem;
}

.tn-prod-season-header-details-heading {
    padding: 0.5rem 1rem;
}

.tn-event-detail__performance-details-container {
    margin-bottom: 1rem;

    .tn-event-detail__display-time {
        font-size: 1.25rem;
        font-weight: 500;
    }
}

.tn-ticketing-mode-change__content {
    padding: 0;
    background-color: transparent;
    border-width: 0;
}

.tn-ticketing-mode-change__anchor {
    color: var(--tn-btn-success-color);
    background-color: var(--tn-btn-success-bg);
    border-color: var(--tn-btn-success-border);

    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: var(--tn-btn-border-radius-base);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    font-style: normal;

    &:hover,
    &:focus {
        color: var(--tn-btn-success-color-hover);
        background-color: var(--tn-btn-success-bg-hover);
        border-color: var(--tn-btn-success-border-hover);
    }

    &:active {
        color: var(--tn-btn-success-color-hover);
        background-color: var(--tn-btn-success-bg-active);
        border-color: var(--tn-btn-success-border-active);
        outline: 0;
    }

    &::after {
        font-family: "FontAwesome";
        content: "\f101";
        padding-left: 0.75em;
    }
}

.tn-event-detail__main-container {
    margin-bottom: 0;
}

.tn-syos {
    margin-bottom: 0;
}

.tn-syos__layout-container {

    --panelBorder: solid 1px var(--ct-gray-300);

    border: var(--panelBorder);

    .tn-syos-screen-container {

        .tn-syos-screen-container__button-list-container {
            border-width: 0;
            background-color: var(--ct-gray-100);

            @media (max-width:767.98px) {
                padding: 1em;
            }

            .tn-syos-screen-container__button-list-heading {
                text-align: center;
                font-weight: 400;
                text-transform: uppercase;
                color: var(--ct-gray-800);

            }

            .tn-syos-screen-container__button-list {
                .tn-syos-screen-container__button-list-item {
                    .tn-syos-screen-button {
                        .tn-syos-screen-button__section-heading {
                            border-bottom-color: var(--ct-orange-600);
                        }

                        .tn-syos-screen-button__separator {
                            font-weight: 400;
                            font-size: 0.75rem;
                        }

                        .tn-syos-screen-button__min-price,
                        .tn-syos-screen-button__max-price {
                            font-weight: 400;
                            font-size: 0.9375rem;
                        }
                    }
                }
            }

        }

    }

    .tn-syos__screen-view-components {
        .tn-syos-screen-header {
            border-width: 0;
            background-color: var(--ct-gray-100);

            .tn-syos-screen-header__screen-description {
                font-size: 1.25rem;
            }
        }

        .tn-syos-map-controls-list__container {
            border-width: 0;
            background-color: var(--ct-gray-100);
        }
    }

    .tn-syos-mobile-cart-controls {
        border-width: 0;
        background-color: black;
        color: white;

        .tn-syos-mobile-cart-controls__summary-subtotal {
            color: white;
            opacity: 1;
        }

        .tn-syos-mobile-cart-controls__summary-seat-count {
            color: var(--ct-gray-200);
            opacity: 1;
        }
    }

}

#tn-syos-seat-focus-outline {
    opacity: 0;
    fill: transparent;
}

.tn-syos-legend__description-term:has(svg[aria-label="Character G within a circle"]),
#tn-syos-seat-map-icon-circle-g,
#tn-syos-seat-map-icon-circle-g-b-star,
#tn-syos-seat-map-icon-circle-g-b-wheelchair {
    --seatFill: var(--ct-yellow-600);
    --seatHighlight: var(--ct-yellow-400);

    circle:first-child {
        fill: var(--seatFill);
    }
}

.tn-syos-legend__description-term:has(svg[aria-label="Character A within a circle"]),
#tn-syos-seat-map-icon-circle-a,
#tn-syos-seat-map-icon-circle-a-b-star,
#tn-syos-seat-map-icon-circle-a-b-wheelchair {
    --seatFill: var(--ct-teal-700);
    --seatHighlight: var(--ct-teal-300);

    circle:first-child {
        fill: var(--seatFill);
    }
}

.tn-syos-legend__description-term:has(svg[aria-label="Character B within a circle"]),
#tn-syos-seat-map-icon-circle-b,
#tn-syos-seat-map-icon-circle-b-b-star,
#tn-syos-seat-map-icon-circle-b-b-wheelchair {
    --seatFill: var(--ct-teal-500);
    --seatHighlight: var(--ct-teal-200);

    circle:first-child {
        fill: var(--seatFill);
    }
}

.tn-syos-legend__description-term:has(svg[aria-label="Character C within a circle"]),
#tn-syos-seat-map-icon-circle-c,
#tn-syos-seat-map-icon-circle-c-b-star,
#tn-syos-seat-map-icon-circle-c-b-wheelchair {
    --seatFill: var(--ct-teal-300);
    --seatHighlight: var(--ct-teal-100);

    circle:first-child {
        fill: var(--seatFill);
    }
}

#tn-syos-seat-map-icon-circle-g,
#tn-syos-seat-map-icon-circle-g-b-star,
#tn-syos-seat-map-icon-circle-g-b-wheelchair,
#tn-syos-seat-map-icon-circle-a,
#tn-syos-seat-map-icon-circle-a-b-star,
#tn-syos-seat-map-icon-circle-a-b-wheelchair,
#tn-syos-seat-map-icon-circle-b,
#tn-syos-seat-map-icon-circle-b-b-star,
#tn-syos-seat-map-icon-circle-b-b-wheelchair,
#tn-syos-seat-map-icon-circle-c,
#tn-syos-seat-map-icon-circle-c-b-star,
#tn-syos-seat-map-icon-circle-c-b-wheelchair {

    &:focus,
    &:hover {
        overflow: visible;

        circle:first-child {
            border-radius: 50%;
            outline: solid 8px var(--seatHighlight);
        }
    }
}

.tn-syos-legend__description-term svg[aria-label="Circled dot"],
#tn-syos-seat-map-icon-donut {

    circle:first-child,
    circle:last-child {
        fill: var(--ct-orange) !important;
    }
}

#tn-syos-seat-map-icon-donut {

    &:focus,
    &:hover {
        overflow: visible;

        circle:first-child {
            border-radius: 50%;
            outline: solid 8px var(--ct-orange-200);
        }
    }
}

#tn-syos-seat-map-icon-square {
    border-radius: 50%;
    outline: solid 10px white;
}

.tn-syos-legend__description-term:has(svg[aria-label="Solid gray square"]) {
    background-color: var(--ct-gray-700);
    border-radius: 50%;
    transform: scale(0.85);
    transform-origin: 50% 50%;
}

#tn-syos-legend-container,
.tn-syos-legend__legend-drawer {
    background-color: var(--ct-gray-200);
    border-width: 0;
}

/* #endregion */

/* #region Cart */

.tn-cart-details-page {
    .tn-page-bottom {
        text-align: center;
    }
}

.tn-empty-cart-message {
    border: dashed 3px var(--ct-gray-200);
    color: var(--ct-gray-400);
    border-radius: 0rem;
    background-color: white;
    font-style: normal;
    min-height: 200px;
    text-align: center;
    align-content: center;
}

.tn-cart-item {
    padding: 0;
    min-height: min-content !important;
    border-top-width: 0;
}

.tn-cart-item-summary {

    display: grid;
    padding: 0.5rem;
    background-color: var(--ct-gray-100);
    font-size: 1rem;

    grid-column-gap: 0.5em;

    grid-template-columns: 5em auto min-content 2rem;

    .tn-cart-item-summary__property {
        margin-bottom: 0;
    }

    .tn-cart-item-summary__property--secondary {
        grid-column: 2;
        font-size: 1em;
        padding-top: 0.25em;
    }

    .tn-cart-item-summary__property--image {
        grid-row: 1 / 7;
        grid-column: 1;

        padding-right: 0;
        padding-top: 0;

        img {
            width: 100%;
        }
    }

    .tn-cart-item-summary__property--name {
        grid-column: 2;
        grid-row: 1;

        font-size: 1.25em;
        text-transform: uppercase;
    }

    .tn-cart-item-summary__property--price-total {

        grid-column: 3;
        grid-row: 1;

        font-size: 1.25em;
        font-weight: 400;
        padding-right: 0;
    }

    @media (min-width:768px) {
        grid-template-columns: 7em auto min-content 2rem !important;

        font-size: 1.125rem;

    }

}

.tn-cart-item-details__list {

    background-color: var(--ct-gray-200);
    color: var(--ct-gray-700);
}

.tn-cart__btn-remove {
    top: 0.5rem;
    right: 0.5rem;
    border-radius: 0.25rem;

    &:hover,
    &:focus {
        background-color: var(--ct-red);
        border-color: var(--ct-red);
        color: white;
    }
}

.tn-cart-totals {

    padding: 0.5rem;
    width: fit-content;
    max-width: 768px;
    margin-left: auto;

    .tn-cart-totals__label {
        font-weight: 400;
    }

    .tn-cart-totals__line-item--total {
        border-top: solid 1px var(--ct-gray-400);
        padding-top: 0.5rem;
    }
}

.tn-cart-buttons__primary-action {
    font-size: 1.25rem;
}

.tn-cart-buttons__secondary-action {

    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;

    &::before {
        font-family: "FontAwesome";
        content: "\f100";
    }
}

/* #endregion */

/* #region Modals */

.modal-dialog {
    button.close {
        border-radius: 0.25rem;

        background-color: var(--tn-btn-default-bg);
        border-color: var(--tn-btn-default-border);
        color: var(--tn-btn-default-color);

        &:hover {
            background-color: var(--tn-btn-default-bg-hover);
            border-color: var(--tn-btn-default-border-hover);
            color: var(--tn-btn-default-color-hover);
        }

        &:active {
            background-color: var(--tn-btn-default-bg-active);
            border-color: var(--tn-btn-default-border-active);
            color: var(--tn-btn-default-color-hover);
        }
    }

    .modal-body {
        font-size: 1rem;
    }

    &[aria-describedby="tn-delete-cart-item-alert-message"] {
        .modal-btn-confirm {
            background-color: var(--tn-btn-danger-bg);
            border-color: var(--tn-btn-danger-border);
            color: var(--tn-btn-danger-color);

            &:focus,
            &:hover {
                background-color: var(--tn-btn-danger-bg-hover);
                border-color: var(--tn-btn-danger-border-hover);
                color: var(--tn-btn-danger-color-hover);
            }

            &:active {

                background-color: var(--tn-btn-danger-bg-active);
                border-color: var(--tn-btn-danger-border-active);
                color: var(--tn-btn-danger-color-active);
            }
        }

    }
}

/* #endregion */

/* #region Login */

.tn-account-login-page {

    .row {
        @media (min-width:768px) {
            padding: 1rem;
            display: flex;
            align-items: center;
        }

        @media (min-width:1400px) {
            padding: 0.5rem;
            display: flex;
            align-items: center;
        }
    }

    div:has(>.tn-login-component) {

        background-color: var(--ct-orange);
        padding-bottom: 1rem;
        border-radius: 0.25rem;

        @media (min-width:768px) {
            border-radius: 0.25rem;
        }

        .btn-default {
            font-weight: 500;
            text-transform: uppercase;
        }

        .tn-account-login-form__legend {
            color: white;
        }

        .form-group label {
            color: white;
            font-size: 1rem;

            .tn-required-field {
                color: var(--ct-orange-100);
            }
        }

        .form-control {
            background-color: white;
            border-width: 0;
            box-shadow: none;
        }

        .tn-btn-wrapper {
            display: inline;
            margin-right: 0.5rem;
        }

        .btn {
            font-size: 1rem;
            min-width: 150px;
        }

        .tn-form-error-message-container>.alert {
            margin-top: 1rem;
            margin-bottom: 0;
        }

    }

    div:has(>.tn-create-heading) {
        text-align: center;

        .btn-primary {
            font-size: 1rem;
        }
    }

}

#tn-login-form {
    @media (max-width:767.98px) {
        text-align: center;

        .tn-account-login-form__legend,
        .form-group {
            text-align: left;
        }
    }
}

*[type="password"] {
    font-stretch: normal;
    font-size: 1rem;
    letter-spacing: 0.125em;
}

/* #endregion */

span[style="color:#ff8c00;"] {
    color: var(--ct-orange) !important;
}







/* #region Legacy Custom Odds & Ends */




.subscriptionDayGrid {
    margin-left: auto;
    margin-right: auto;

    .selectPerf {
        color: var(--ct-orange);
        margin: 0;
        padding: 0;

        h3 {
            color: var(--ct-orange);
            margin-bottom: -0.625rem;
            margin: 0;
            padding: 0;
        }

    }

    .subWeek {
        font-family: Univers-LT-67-Bold-Condensed, sans-serif;
        font-weight: bold;
        padding: 0.125rem 0.5rem;
        text-align: left;
    }

    a {
        &.current {
            border-color: var(--ct-brick-500) !important;
            background-color: var(--ct-brick-500) !important;
            cursor: default;
        }

        &.press {
            line-height: 0.5625rem;
            padding: 0.5625rem 0.75rem 0.125rem 0.75rem;
        }
    }

    td {
        padding: 0.125rem;
    }

    th {
        padding: 0.125rem 0.5rem;
        text-align: center;
    }
}

.pressSpan {
    font-size: 10px;
}

td.vertSep {
    background-color: var(--ct-orange);
    border-width: 2rem 1rem 0.25rem 1rem;
    border: solid 1rem white;
    padding: 0.5px;
}


.donationTab {
    background-color: var(--ct-gray-50);
    border-bottom: 0;
    border-color: var(--ct-gray-300) !important;
    border-width: 1px 1px 0 1px !important;
    border: 3px solid var(--ct-gray-150);
    box-sizing: border-box;
    color: var(--ct-orange) !important;
    cursor: pointer;
    font-weight: 600;
    margin-left: 0.375rem;
    padding: 0.375rem 0.75rem;
    white-space: nowrap;

    a:hover {
        color: var(--ct-orange) !important;
        text-decoration: none !important;
    }

    &.active {
        background-color: white;
        border-color: var(--ct-gray-300) !important;
        border-width: 1px 1px 0 1px !important;
        margin-bottom: -1px !important;
    }
}



.donationTabMenu {
    -webkit-tap-highlight-color: transparent;
    border-bottom-color: var(--ct-gray-300);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    box-sizing: border-box;
    color: var(--ct-gray-900);
    display: flex;
    font-size: 0.875rem;
    font-weight: 400;
    height: 2.275rem;
    justify-content: flex-start;
    line-height: 1.4rem;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 1.25rem 0;
    padding-inline-start: 1.5625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    top: 0.3125rem;
    width: 100%;
}



.prodSeasPhotoSet {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    margin: 0.5rem 0;

    img {
        min-width: 0;
        width: 100%;
    }
}



@media (max-width: 992px) {
    .prodSeasPhotoSet {
        flex-wrap: wrap;
    }

    .subscriptionDayGrid {

        .btn,
        .btn-primary {

            font-size: 0.875rem;
            padding: 0.125rem 0.25rem;
        }

        a.press {
            line-height: 0.5rem;
            padding: 0.3125rem 0.1875rem 0.125rem 0.1875rem;
        }

    }

}



span.separator {
    margin: 0 3px 0 8px;
    position: relative;
    top: -2px;
}

.donateAmtButtonBox {
    display: flex;
    flex-wrap: wrap;
}

.donateAmtButton {
    background-color: var(--ct-orange);
    color: white;
    cursor: pointer;
    display: inline-block;
    flex: 1 0 28%;
    font-family: Univers-LT-67-Bold-Condensed, sans-serif;
    font-size: 20px;
    height: 30px;
    line-height: 31px;
    margin: 5px;
    text-align: center;
    width: 31%;

    &:hover {
        background-color: var(--ct-orange-600);
        border-color: var(--ct-orange-600);
    }
}



/* #endregion */