/* General Styles */
@import url("https://use.typekit.net/htd5huy.css");

:root {
    --aux-link-color: #ffffff;
    --aux-bg: #252E38;
    --nav-color: #000000;
    --system-icon-color: #252E38;
    --system-icon-color-hover: #54328d;
}

.Wrapper-HomePage {
    --aux-bg: inherit;
}

body {
    font-family: "freight-text-pro", serif;
    color: #56565a;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

/* Layout */
header.header {
    display: block;
    position: relative;
    margin-bottom: 1em;
}

/* 080425 */
.container {
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
header.header .header-logo-container {
    align-self: flex-start;
    padding-left: 60px;
}

.header-background-container {
    overflow: hidden;
    display: block;
}

.Wrapper-HomePage header.header .header-background-container:before,
header.header .header-background-container {
    position: absolute;
    grid-area: 1 / 1 / -1 / -1;
    z-index: -1;
    background: #f1f1f1;
    width: 100%;
    height: 184px;
    position: absolute;
    border-bottom: 1px solid #c0c0c0;
    top: 0;
}

.Wrapper-FullWidth .col-primary .row {
    max-width: none;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.AddPaddingHorizontal {
    padding-left: 60px;
    padding-right: 10px;
}
@media (min-width: 992px) {
    body:not(.Wrapper-HomePage) .body-container > div {
        padding: 60px;
    }
}
header .tagline {
    padding: 30px 0;
}
.iMIS-WebPart>.ContentItemContainer, .WebPartZone>.ContentItemContainer {
    margin-bottom: 0;
    display: block;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 130%;
    line-height: 30px;
    color: #56565a;
    margin: 0;
}

.backToTop {
    background: #54328d url(images/ResponsiveHeaderSprite.png) 5px -223px no-repeat;
    font: 0 / 0 a;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transform: rotate(-90deg);
    border-radius: 40px;
    transition: background 0.2s ease-in;
    z-index: 100;
}
.backToTop:hover {
    transform: scale(1.15);
    background: #54328d;
}
@media (min-width: 768px) {
    .CommandBar {
        text-align: left;
    }
}
/* General Styles */
p {
    line-height: 1.6;
    margin-bottom: 1em;
    color: #56565a;
}

/* Links */
a {
    color: #56565a;
    text-decoration: none;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active
 {
    color: inherit;
    text-decoration: underline;
}

/* Links */
a {
    /*color: #5F259F;*/
    color: #56565a;
    text-decoration: none;
}

.col-primary {
    background: #ffffff;
}

header.header {
    border-bottom: none;
    background: #ffffff;
    box-shadow: none;
    margin: 0;
    z-index: 200;
}


/* Navigation */
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    margin-top: 5px;
}

nav {
    background-color: #5F259F;
    border-bottom: 2px solid #4A1E80;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

nav ul li {
    margin-right: 1.5em;
}

nav ul li a {
    display: block;
    padding: 1em;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

/* Buttons */
button, .button {
    background-color: #5F259F;
    color: #FFFFFF;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
    font-size: 1em;
    border-radius: 4px;
}

button:hover, .button:hover {
    background-color: #4A1E80;
}

/* Form Elements */
label, .Label {
    font-weight: 300;
}
.radiobutton-btn-group input[type="radio"]:checked + label, .radiobutton-buttons input[type="radio"]:checked + label {
    background: #54328d;
    border-color: #54328d;
    color: #ffffff;
}
input[type="button"],input[type="submit"] {
    text-transform: uppercase;
    color: #56565a;
    font-size: 20px !important;
    line-height: 24px;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    border: 0;
    background: url(/images/Icons/arrow-v.svg) no-repeat left center;
    background-position-x: -120px \9;
    padding-left: 60px;
    transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
}
input[type="button"]:hover,input[type="submit"]:hover {
    transform: translate3d(10px, 0px, 0px);
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
}
input[type="submit"] {
    background-color: transparent;
    color: #56565a;
    border: none;
    padding: 0 0 0 60px;
    cursor: pointer;
    border-radius: 0;
}
input[type="submit"]:hover {
    background-color: transparent;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:active {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}
.PrimaryButton, .PrimaryButton:visited, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButton:visited, .RadGrid input.PrimaryButton, .RadGrid input.PrimaryButton:visited, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton:visited, .RadGrid.RadGrid a.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
    color: #56565a;
}

/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: transparent;
  border-color: transparent;
}

/* Header Styles */
.header-bg {
    background: #f1f1f1;
    width: 100%;
    height: 175px;
    position: absolute;
    border-bottom: 1px solid #c0c0c0;
    top: 0;
}
header .tagline {
    font-size: 26px;
    line-height: 28px;
    color: #56565a;
    margin: 35px 0 0 165px;
}
a.logo {
    width: 125px;
    float: left;
    z-index: 9999;
}
@media (min-width: 1380px) {
    header.header .header-logo-container {
        max-width: none;
        width: 100%;
        justify-self: center;
    }
}

/* Footer */
footer.footer {
    background-color: white; 
}
footer {
    background-color: #F1F1F1;
    text-align: center;
    border-top: 0;
    color: #56565a;
    padding: 0;
}

footer p {
    margin: 0;
    color: #666666;
}
footer .textwidget img {
    width: auto;
    height: 60px;
    display: inline-block;
    margin: 0 10px 20px 0;
}
img:not([src*="commandbar.com"]) {
    max-width: 100%;
    height: auto;
}

/* 080425 */
.AddPaddingHorizontal {
    padding-left: 60px;
    padding-right: 10px;
}
@media (min-width: 992px) {
    body:not(.Wrapper-HomePage) .body-container > div {
        padding: 0px;
    }
}
header .tagline {
    padding: 30px 0;
}
.iMIS-WebPart>.ContentItemContainer, .WebPartZone>.ContentItemContainer {
    margin-bottom: 0;
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "lft-etica-condensed", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 130%;
    line-height: 30px;
    color: #56565a;
    margin: 0;
}

.backToTop {
    background: #54328d url(images/ResponsiveHeaderSprite.png) 5px -223px no-repeat;
    font: 0 / 0 a;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transform: rotate(-90deg);
    border-radius: 40px;
    transition: background 0.2s ease-in;
    z-index: 100;
}
.backToTop:hover {
    transform: scale(1.15);
    background: #54328d;
}
@media (min-width: 768px) {
    .CommandBar {
        text-align: left;
    }
}
/* General Styles */
p {
    line-height: 28px;
    margin-bottom: 1em;
    color: #56565a;
    font-size: 22px;
    font-family: "freight-text-pro", serif;
    font-style: normal;
    font-weight: 300;
}

/* General Styles */
p {
    line-height: 1.6;
    margin-bottom: 1em;
    color: #333333;
}

/* Navigation */
nav {
    background-color: #5F259F;
    border-bottom: 2px solid #4A1E80;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

nav ul li {
    margin-right: 1.5em;
}

nav ul li a {
    display: block;
    padding: 1em;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

/* Buttons */
button, .button {
    background-color: #5F259F;
    color: #FFFFFF;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
    font-size: 1em;
    border-radius: 4px;
}

button:hover, .button:hover {
    background-color: #4A1E80;
}

/* Form Elements */
label, .Label {
    font-weight: 300;
}
.radiobutton-btn-group input[type="radio"]:checked + label, .radiobutton-buttons input[type="radio"]:checked + label {
    background: #54328d;
    border-color: #54328d;
    color: #ffffff;
}
input[type="button"],input[type="submit"] {
    text-transform: uppercase;
    color: #56565a;
    font-size: 20px !important;
    line-height: 24px;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    border: 0;
    background: url(/images/Icons/arrow-v.svg) no-repeat left center;
    background-position-x: -120px \9;
    padding-left: 60px;
    transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
}
input[type="button"]:hover,input[type="submit"]:hover {
    transform: translate3d(10px, 0px, 0px);
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
}
input[type="submit"] {
    background-color: transparent;
    color: #56565a;
    border: none;
    padding: 0 0 0 60px;
    cursor: pointer;
    border-radius: 0;
}
input[type="submit"]:hover {
    background-color: transparent;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:active {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}

/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: #5F259F;
  border-color: transparent;
}
/*270525 */
.panel-heading.Distinguish, .panel-group .panel-heading, .PanelHead.Distinguish, .TitleBarCaption {
    padding: 0;
    border-bottom: 1px solid #ddd;
}

.WebPartZone  .panel:first-child {
    border: 0;
    padding: 0;
}
.PanelNoPadding .panel:first-child {
    border: 0;
    padding: 0;
}
.panel-heading.Distinguish, .panel-group .panel-heading, .PanelHead.Distinguish, .TitleBarCaption {
    padding: 0;
    border-bottom: 0;
}
.panel-body, .PanelBody {
    padding: 0;
}
.PanelBody {
    padding: 10px 0 40px 0;
}
header.header {
    padding-bottom: 0px;
}
/* 290525 */
nav {
    background-color: transparent;
    border-bottom: 0;
}
.RadMenu.RadMenu_Coffee .rmRootLink {
    color: var(--nav-color);
    font-family: lft-etica-condensed, sans-serif;
    font-size: 114%;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
header.header .header-aux-container {
    padding-right: 0;
    height: 48px;
}
/* 300525 */

.RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle > .rmIcon {
    background: #fff;
}
.RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle > .rmIcon {
    background: #fff;
}
.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
    background: #fff;
    transform: rotate(180deg);
}
::selection {
    background: transparent;
}
@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .rmSlide .rmItem {
        float: none;
        display: block;
        background: rgb(84, 50, 141);
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        font-family: "lft-etica-condensed", sans-serif;
        text-transform: uppercase;
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 33.333%;
    }
}
.RadMenu_Coffee .rmSlide .rmLink {
    color: #fff;
    font-family: "lft-etica-condensed", sans-serif;
    font-size: 90%;
    letter-spacing: 1px;
    font-weight: 300;
}

.RadMenu.RadMenu_Coffee .rmHorizontal .rmText, .RadMenu.RadMenu_Coffee .rmText {
    color: inherit;
} 
.RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
    color: #fff;
    background-color: rgb(84, 50, 141);
}
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
    color: #fff;
    text-decoration: underline;
}
.RadMenu_Coffee .rmSlide .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLink.rmFocused, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    background-color: transparent;
    color: #fff;
}
.RadMenu.RadMenu_Coffee .rmRootLink {
    border: 0;
    border-radius: 0;
    display: block !important;
    transition: border 0.3s ease-in;
}
nav ul li {
    margin-right: 0;
}
/* 050625 Sliders */
.carousel-inner .item:after{
    background: transparent;
}
.item.active {
    background-position: 0px 224px;
    background-size: 100%;
}
@media (min-width: 992px) {
    .Wrapper-HomePage {
        --nav-color: inherit;
    }
}
.Wrapper-HomePage .header-background-container .ContentItemContainer,
.Wrapper-HomePage .header-background-container .ContentItemContainer > .ContentItemContainer {
    background: #fff;
}
.carousel-inner.bg-img > .item {
    background-color: transparent;
}
.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    padding: 1em;
    position: absolute;
    font-family: "lft-etica-condensed", sans-serif;
    bottom: auto;
    top: calc(500px / 2);
    background-color: none;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    font-size: 25px;
    text-transform: uppercase;
}
.carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p {
    font-size: 30px;
    text-transform: none;
    margin: 0 0 15px;
}
.carousel-caption {
    width: 95%;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    padding: 0;
    opacity: 0;
    animation: fade-in 1s ease-in;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    position: absolute;
    background: rgba(115, 114, 120, 0.8);
    /* color: #000; */
    padding: 10px;
    /* position: relative; */
    /* top: 40px; */
    max-width: 480px;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    padding: 25px;
}
.carousel-caption p {
    font-size: 1.2em;
    font-family: "freight-text-pro", serif;
    color: #fff;
    font-size: 30px;
    margin: 0 0 35px;
}
.carousel-caption h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 5px;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Pages */
#WebPartZone1_Page1 .iMIS-WebPart:first-child h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
}

#WebPartZone1_Page1 .iMIS-WebPart:first-child {
    background: transparent;
    padding: 0 0 11px 0;
    margin: 0px 0px 30px 0px;
    width:100%;
}

.ButtonPanel {
    padding: 10px 0 60px 0px;
}

.RadMenu.RadMenu_Coffee {
    float: left;
    margin-top: 0px;
    margin-left: 50px;
    margin-bottom: 0px;
    top: 0px;
    z-index: 1001 !important;
    position: relative;
}
.rmIcon{
    display:none;
}
#ste_container_ciLogoContent{
    height:100px;
}
/* H1 */
.page-heading {
    background: #54328d;
    padding: 14px 0 11px;
    margin-bottom: 0px;
}
#WebPartZone1_Page1 .iMIS-WebPart:first-child h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    background-color: transparent;
    padding:0;
}

@media (min-width: 320px) {
    .htsaContainer,
    .titleContainer,
    .ButtonPanel,
    .iMIS-WebPart,
    .account-banner-short,
    footer .container {
        width: 320px;
        margin-right: auto;
        margin-left: auto;
    }
    body:not(.Wrapper-HomePage) .body-container > div {
        padding: 15px;
    }
    .RadMenu.RadMenu_Coffee .rmRootLink {
        color: #ffffff;
    }
    .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
        color: #ffffff;
    }   
    header .tagline {
        font-size: 23px;
    }
    /* Account */
    #ste_container_ciNewContactAccountCreatorCommon {
        margin: auto;
        width:320px;
    }     
}

@media (min-width: 480px) {
    .htsaContainer,
    .titleContainer,
    .ButtonPanel,
    .iMIS-WebPart,
    .account-banner-short,
    footer .container {
        width: 480px;
        margin-right: auto;
        margin-left: auto;
    }
    body:not(.Wrapper-HomePage) .body-container > div {
        padding: 15px;
    }
    header .tagline {
        font-size: 26px;
    }    
    /* Account */
    #ste_container_ciNewContactAccountCreatorCommon {
        margin: auto;
        width:480px;
    }     
}
@media (min-width: 768px) {
    .htsaContainer,
    .titleContainer,
    .ButtonPanel,
    .iMIS-WebPart,
    .account-banner-short,
    footer .container {
        width: 768px;
        margin-right: auto;
        margin-left: auto;
    }  
    /* Account */
    #ste_container_ciNewContactAccountCreatorCommon {
        margin: auto;
        width:768px;
    } 
}
@media (min-width: 992px) {
    .htsaContainer,
    .titleContainer,
    .ButtonPanel,
    .iMIS-WebPart,
    .account-banner-short,
    footer .container {
        width: 992px;
        margin-right: auto;
        margin-left: auto;
    }
    .box .inner {
        height: 480px;
    }       
    .RadMenu.RadMenu_Coffee .rmRootLink {
        color: #56565a;
    }
    .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
        color: #ffffff;
        background: #54328d;
    }  
    /* Account */
    #ste_container_ciNewContactAccountCreatorCommon {
        margin: auto;
        width:992px;
    }   
    /* Nav */
    .header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span, .header-aux-container a.NavigationLink:hover, .header-aux-container a.NavigationLink:focus, .header-aux-container a.NavigationLink:hover span, .header-aux-container a.NavigationLink:focus span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span, .header-aux-container .account-toggle .nav-text:hover, .header-aux-container .account-toggle .nav-text:focus, .header-aux-container .account-toggle .nav-text:hover span, .header-aux-container .account-toggle .nav-text:focus span {
        color: #fff;
        text-decoration: underline;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
        color: #fff;
        text-decoration: underline;
    }    
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
        background: #fff;
    }
}
@media (min-width: 1200px) {
    .htsaContainer,  
    .titleContainer,
    .ButtonPanel,
    .iMIS-WebPart,
    .account-banner-short,
    footer .container {
        width: 1350px;
        margin-right: auto;
        margin-left: auto;
    }
    .box .inner {
        height: 400px;
    }   
    /* 
    TODO Notes: 
    apply set width for each viewport 
    do the same for the signin except flatten the col-md-3's and hten apply set width per viewport
    */ 
    .SignIn {
        max-width: 18em;
        margin-left: inherit;
        margin-right: inherit;
    }
    #ste_container_ciNewContactAccountCreatorCommon {
        margin: auto;
        width: 1350px;
    }
}

/* logo positioning */
a.logo {
    width: 125px;
    padding-top: 0;
    float: left;
    z-index: 9999;
}
.col-primary {
    background: #f1f1f1;
}
/* Feature box styling */
.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height:372px;
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}
.card-body {
    flex: 1 1 auto;
    padding: 0;
}

.tag-listing .box, .featured.box {
    margin-bottom: 30px;
}
    .box a.img-zoom {
    position: relative;
    left: 0;
    bottom: 0;
}
.box a.readmore, .image-content a.readmore, .people .panel-body .readmore, .box a.img-zoom .arrow-wrapper, .exhibition-resource-item .readmore, carousel-caption .readmore {
    text-transform: uppercase;
    color: #56565a;
    font-size: 20px;
    line-height: 24px;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    bottom: 25px;
    left: 25px;
    position: absolute;
}
.box .inner {
    padding: 20px 25px 55px;
    position: relative;
    background: #fff;
}
.box h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 33px;
    margin: 0 0 5px;
    color: #56565a;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
}
.box .inner .content {
    margin: 0 0 10px;
}
    
.box .readmore.img-zoom p {
    font-family: "freight-text-pro", serif;
    font-weight: 300;
}
.box p {
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    color: #56565a;
    text-transform: none;
}
.arrow-wrapper {
    text-transform: uppercase;
    color: #56565a;
    font-size: 20px;
    line-height: 24px;
    font-family: "lft-etica-condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    bottom: 25px;
    left: 25px;
    position: absolute;
}
.arrow-wrapper .arrow, .carousel-caption .arrow {
    width:25px;
    margin-right: 30px;
    position: relative;
    top: -2px;
}
.box img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.TextButton{
    padding:0;
}
/* Header height issue on desktop */
.Wrapper-HomePage header.header .header-background-container {
    display: block;
    position: absolute;
    height: 184px;
}
/* container padding - not title)*/
.container {
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.col-primary .container  {
    padding-top:0px;
    padding-bottom:0px;
}
.col-primary .titleContainer  {
    padding-top:0px;
    padding-bottom:0px;
}
/* Other */
.backToTop {
    width: 45px;
    height: 45px;
    display: none;
}
.page-heading .row {
    margin-right: 0; 
    margin-left: 0; 
}
.page-heading .row>* {
    padding-right:0;
    padding-left:0;
}
body:not(.Wrapper-HomePage) .body-container > div {
    padding: 15px;
    margin: 0 0 40px 0;
}
.page-heading{
    margin: -15px;
    margin-bottom: 20px;
}

/* Jibreel */
input[type="button"], input[type="submit"]
{margin-top: 57px !important;}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
    background-color:  #5F259F !important;
}

h3, .h3, .SectionTitle {
    font-size: 130%;
    margin-top: 38px !important;
}

.upcoming-events .imageWrapper, .upcoming-events .image {
    display: block;
    height: 200px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transition: all 0.2s ease-in;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.donations .imageWrapper, .donations .image {
    display: block;
    height: 200px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transition: all 0.2s ease-in;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    
}

.stacked-tabs .select-tab
 {    background: #5f259f !important;}

.arrow-wrapper1 {
    text-transform: uppercase;
    color: #56565a;
    font-size: 20px;
    line-height: 24px;
    font-family: "lft-etica-condensed", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    bottom: 25px;
    left: 25px;
    position: static;
}
.arrow-wrapper1 .arrow1 {
    width:25px;
    margin-right: 30px;
    position: static;
    top: -2px;
margin-top: -30px;
}

@media (min-width: 992px) {
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 50% !important;
    }
}

@media (max-width: 991px) {

    /* Small mobiles */
    a.logo {
        padding-bottom: 20px;
    }
    .RadMenu.RadMenu_Coffee {
        margin-left: 0;
    }

  /* Show hamburger icon */
  .RadMenu.RadMenu_Coffee .rmToggle .rmIcon {
    display: inline-block !important;
    width: 30px;
    height: 30px;
    background: url(/images/Icons/hamburger.svg) no-repeat center center;
    background-size: contain;
  }

     /* Force show root-level nav */
    .RadMenu.RadMenu_Coffee {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        z-index: 1000 !important;
        background-color: #56565a !important;
        margin-bottom: 30px;
    }

  /* Force submenu visibility */
  .RadMenu.RadMenu_Coffee .rmSlide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    background-color: #5F259F !important;
  }

  /* Stack menu items */
  .RadMenu.RadMenu_Coffee .rmSlide .rmItem {
    display: block !important;
    float: none !important;
    border-bottom: 1px solid #4A1E80;
  }

  .RadMenu.RadMenu_Coffee .rmSlide .rmLink {
    display: block !important;
    color: #fff !important;
    padding: 12px 20px !important;
    font-weight: bold !important;
    text-transform: uppercase;
  }

  .RadMenu.RadMenu_Coffee .rmSlide .rmLink:hover {
    background-color: #4A1E80 !important;
  }
}

.RegistrationArea div:not(.PriceOverrideForm)>.SmallButton {
    max-width: 190px;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: none;
    width: 165px !important;
}

/* Account Pages */
.panel-body-container {
    padding: 20px 0;
}
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink:hover, html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected, html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected:hover {
    background-color: #ffffff !important;
}
.CenterText {
    text-align: left;
}
.SignInButton.TextButton {
    width: 100%;
    margin-bottom: 1em;
    text-align: left;
}
input[name="ctl01$CancelButton"]{
    display:none;
}
.account-banner-short .banner-content:after {
    background-image: none;
}
html .RadTabStripVertical .rtsLevel1 a.rtsLink:hover, html .RadTabStripVertical .rtsLevel1 a.rtsLink.rtsSelected, html .RadTabStripVertical .rtsLevel1 a.rtsLink.rtsSelected:hover
 {
    background-color: transparent;
    color: white;
    text-transform: none;
    margin: 0;
    border-radius: 0;
}
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
    background-color: #5F259F !important;
}
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
    background-color: #56565a !important;
}
.account-banner-bg-color-mps-1 .account-banner-short .banner-top-bar {
    background-color: #56565a;
}

/* Social */
#ctl01_TemplateBody_WebPartManager1_gwpciSocialShare_ciSocialShare__Body{
    float:right;
}

/* Events */
.ProgramGroup .PanelHead, .ProgramGroup .panel-heading {
    font-family: "lft-etica-condensed", sans-serif;
    font-weight: 700;
    background-color: #56565a;
}
.ProgramGroup .PanelTitle, .ProgramGroup .panel-title {
    font-family: "lft-etica-condensed", sans-serif;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .RegistrationArea {
        max-width: 600px;
        margin-left: 0;
        text-align: left;
    }
}
a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: #56565a;
    text-decoration: none;
}

/* Layout */
.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}
.wrapper .main-container {
    margin-bottom: 0;
}
.panel-body-container {
    padding: 0;
}
/* Nav */
@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmLink:hover, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmFocused, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmExpanded {
        color: #ffffff;
    }
}
@media (max-width: 767px) {
    .mhp .row, .account-page .row {
        max-width: 100%;
        margin: 0px auto;
    }
}
@media (max-width: 991px) {

    /* Small mobiles */
    a.logo {
        padding-bottom: 20px;
    }
    .RadMenu.RadMenu_Coffee {
        margin-left: 0;
    }

  /* Show hamburger icon */
  .RadMenu.RadMenu_Coffee .rmToggle .rmIcon {
    display: inline-block !important;
    width: 30px;
    height: 30px;
    background: url(/images/Icons/hamburger.svg) no-repeat center center;
    background-size: contain;
  }

     /* Force show root-level nav */
    .RadMenu.RadMenu_Coffee {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        z-index: 1000 !important;
        background-color: #56565a !important;
        margin-bottom: 30px;
    }

  /* Force submenu visibility */
  .RadMenu.RadMenu_Coffee .rmSlide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    background-color: #5F259F !important;
  }

  /* Stack menu items */
  .RadMenu.RadMenu_Coffee .rmSlide .rmItem {
    display: block !important;
    float: none !important;
    border-bottom: 1px solid #4A1E80;
  }

  .RadMenu.RadMenu_Coffee .rmSlide .rmLink {
    display: block !important;
    color: #fff !important;
    padding: 12px 20px !important;
    font-weight: bold !important;
    text-transform: uppercase;
  }

  .RadMenu.RadMenu_Coffee .rmSlide .rmLink:hover {
    background-color: #4A1E80 !important;
  }
}

/* Header */
@media (max-width: 991px) {
    .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
        width: 90%;
        top: calc(350px / 2);
    }
    .carousel-caption {
        left: 5%;
    }
    .footer-menu {
        width: 100%;
    }
    #menu-footer-links li {
        padding: 0 15px 0 0;
        border-right: 0;
        float: none;
    }
    .social {
        width: 250px;
        margin: 25px -12px !important;
        float: left;
    }
    .panel-body-container {
        padding: 0;
    }
}

/* Cards */
.card {
    margin: 0 15px;
}
.card a:hover {
    text-decoration:none;
}
.card a:hover .fill>img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.card a:hover .arrow {
    transform: translate3d(10px, 0px, 0px);
    transition: transform 0.2s ease-in-out;
}
.card .box {
   overflow:hidden;
}

/* Account */
@media (max-width: 991px) {
    .header-aux-container {
        --aux-bg: inherit;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background: #ffffff;
        color: #ffffff;
    }
}
@media (min-width: 992px) {
    .account-menu .account-toggle:hover .nav-text, .account-menu .account-toggle:focus .nav-text {
        color: #ffffff;
        text-decoration:underline;
    }
    .account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
        background: #ffffff;
    }
}

.account-menu .dropdown-menu > li > a:hover, .account-menu .dropdown-menu > li > a:focus {
    background: #ffffff;
    color: inherit;
    text-decoration:underline;
}
/* Cart */
.SubmitCartOrderButtonWrapper {
float:left;
}
input[type="button"], input[type="submit"] {
    margin-top: 0 !important; 
}
.CartCharges {
    background-color: transparent;
}
.CartCharges .GrandTotal .PanelField {
    background-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
    color: #56565a;
}

.CartCharges .GrandTotal .PanelField .Label {
    color: #56565a;
    font-weight: 700;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    color: white;
    background-color: #54328d;
}

/* Strange Button Styles */

.btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton:disabled:hover, .RadUpload.RadUpload .ruButton:disabled:focus, .RadUpload.RadUpload .ruButton:disabled:active, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.disabled:hover, .RadUpload.RadUpload .ruButton.disabled:focus, .RadUpload.RadUpload .ruButton.disabled:active, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.aspNetDisabled:hover, .RadUpload.RadUpload .ruButton.aspNetDisabled:focus, .RadUpload.RadUpload .ruButton.aspNetDisabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active{
    color: #56565a;
    background-color: transparent;
    border-color: transparent;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled {
    opacity: 1;
    box-shadow: none;
}

/* Footer */
footer.footer a:hover, footer.footer a:focus {
    color: #56565a;
    text-decoration:underline;
}
.footer-banner {
border-top: 1px solid #c0c0c0;
}
footer .textwidget a {
display: inline-block;
}
footer .textwidget a {
display: inline-block;
}
footer .heading {
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
padding: 10px 0 30px;
color: #56565a;
font-family: "lft-etica-condensed", sans-serif;
font-style: normal;
font-weight: 400;
border-bottom: 1px solid #aaa;
}
footer .a-icons {
margin: 30px 5px 0 0;
}
.footer-menu {
margin: 38px 40px 0 0;
float: left;
}
.footer-menu ul.menu li {
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
padding: 0 15px;
font-family: "lft-etica-condensed", sans-serif;
font-style: normal;
font-weight: 400;
border-right: 1px solid #56565a;
margin: 0;
}
.footer-menu ul.menu li:first-child {
padding-left: 0;
}
.footer-menu ul.menu li:last-child {
padding-right: 0;
border-right: 0;
}
.social {
margin: 25px 0;
}
ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
.social ul.menu li {
width: 51px;
height: 51px;
font-size: 0.1px;
}
ul.menu li {
float: left;
margin: 0 10px 0 0;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
font-family: "lft-etica-condensed", sans-serif;
font-style: normal;
letter-spacing: 0.5px;
}
.social ul.menu li a {
padding: 0;
}
ul.menu li a {
color: #56565a;
}
.backToTop {
width: 45px;
height: 45px;
}
.backToTop:after {
margin-left: 2px;
}
.backToTop:hover {
transform: scale(1.0);
}

.SocialSprite {
    width: 40px;
    height: 40px;
}
.SocialSprite:after {
    width: 26px;
    height: 26px;
}
.SocialSprite.InstagramIcon:hover, .SocialSprite.InstagramIcon:focus {
    padding: 1px 3px 0 0;
}
.SocialSprite.YouTubeIcon:hover, .SocialSprite.YouTubeIcon:focus {
    background-color: #c4302b !important;
    padding: 1px 2px 0 0;
}
.SocialSprite.TwitterIcon:hover, .SocialSprite.TwitterIcon:focus {
    background-color: #000 !important;
    padding: 1px 2px 0 0;
}
.SocialSprite.FacebookIcon:hover, .SocialSprite.FacebookIcon:focus {
    background-color: #3B5998 !important;
    padding: 1px 3px 0 0;
}

/* Events Page */
#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_SinglePriceDiv {
    display:none;
}
#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_RegistrationLabel {
    display:none;
}

.justify-content-center{
    justify-content: left !important;
}
.RegistrationArea div:not(.PriceOverrideForm)>.PrimaryButton.LargeButton,
.RegistrationArea div:not(.PriceOverrideForm)>.SecondaryButton {
    width: auto;
    max-width: 425px;
    font-size: 120% !important;
    border-radius: 5px;
}
.RegistrationArea.card {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
h2, .h2, .PanelTitle {
    font-size: 135%;
    font-family: "lft-etica-condensed", sans-serif;
    font-weight: bold;
    color: #56565a;
    line-height: 1.45em;
}
.EventSummary .Description {
    overflow: hidden;
}

/* Links */
.arrow-wrapper-other {
    position: relative;
}
/* Google Recaptcha */
.g-recaptcha {
    float:inline-start;
}

/* Replace */
a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: #54328d;
    text-decoration: underline;
}
a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active {
    color: #496DAD;
    text-decoration: underline;
}
.arrow-wrapper-other {
    position: relative;
    left: 0;
}
a.arrow-button, a.arrow-button:hover {
    text-decoration: none;
}
.card a:hover {
    text-decoration: underline;
}
.RegistrationArea div:not(.PriceOverrideForm)>.PrimaryButton.LargeButton, .RegistrationArea div:not(.PriceOverrideForm)>.SecondaryButton {
    width: auto;
    max-width: 425px;
    font-size: 100% !important;
    border-radius: 5px;
}

/* Body */
body {
    font-family: "freight-text-pro", serif;
    font-size: 22px;
}
.main-container {
    background:#f1f1f1;
}
.EventSummary .Description {
    padding-bottom: 0;
}
.card.QueryTemplateItem a {
    text-decoration: none;
}
.card.QueryTemplateItem a:hover {
    text-decoration: none;
}

/* Event Buttons */
.RegistrationArea div:not(.PriceOverrideForm)>.DangerButton  {
    background: #54328d;
    color: white;
}

.RegistrationArea div:not(.PriceOverrideForm)>.SecondaryButton, .RadGrid input.TextButton, .btn-group>.btn.dropdown-toggle {
    background: #54328d;
    color: white;
    font-size: 100% !important;
    max-width: 380px;
    padding: 5px 50px;
    border-radius: 5px;
    box-shadow: none;
}
.RegistrationArea div:not(.PriceOverrideForm)>.SecondaryButton:hover, .RadGrid input.TextButton:hover, .btn-group>.btn.dropdown-toggle:hover, .RegistrationArea div:not(.PriceOverrideForm)>.DangerButton:hover{
    transform: scale(1.05);
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
}

/* Other */

.EventDetails {
    padding-bottom: 50px;
    padding-top: 0;
}
.RegistrationArea.card {
    text-align: center;
}
.RegistrationArea a:not(.sysicon-edit),.RegistrationArea div:not(.PriceOverrideForm)>.PrimaryButton.d-block {
    background: #54328d;
    color: white;
    font-size: 100% !important;
    max-width: 380px;
    padding: 5px 50px;
    border-radius: 5px;
    box-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "lft-etica-condensed", sans-serif;
    font-weight: 700;
    white-space: nowrap;
    display: block;
}
.RegistrationArea a:hover,
.RegistrationArea div:not(.PriceOverrideForm)>.PrimaryButton.d-block:hover{
    transform: scale(1.05);
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
}
.RadGrid.RadGrid .rgRow .ListItemTitle>a,.RadGrid.RadGrid .rgAltRow .ListItemTitle>a,.RadGrid.RadGrid .rgRow .ListItemTitle>a:hover,.RadGrid.RadGrid .rgAltRow .ListItemTitle>a:hover{
    text-decoration: none;
    color:inherit;
    cursor: default;
}
.PersonDisplay {
    display:none;
}
.EventDetails .card-body {
    padding: 20px;
    background: white;
}
.QueryTemplateItem h5 {
    font-size:80%;
    font-weight:normal;
    font-family: "freight-text-pro", serif;
}
