@charset "UTF-8"; /* Responsive version of the Austin Theme for iMIS */
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/**
 * Styles necessary to properly align the Cities master page
 **/
#masterWrapper.yui-t2 {
    width: auto;
}

/* Class used to contain the various pieces of the master page */
.container, .SliderPage1 {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container::after, .body-container::after {
    display: block;
    clear: both;
    content: "";
}

/* handle secondary column layout */
@media (min-width: 992px) {
    .has-secondary-col .col-primary {
        width: 76%;
    }

    .has-secondary-col .col-secondary {
        width: 22%;
    }

    .has-secondary-col.col-on-right .col-primary {
        float: left;
        margin-right: 2%;
    }

    .has-secondary-col.col-on-right .col-secondary {
        float: right;
    }

    .has-secondary-col.col-on-left .col-primary {
        float: right;
        margin-left: 2%;
    }

    .has-secondary-col.col-on-left .col-secondary {
        float: left;
    }
}

/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround 
 */
.search-container, .auth-link-container {
    display: block;
}

@media (min-width: 768px) {
    .search-container, .auth-link-container {
        display: none;
    }
}

.search-container-sm, .auth-link-container-sm {
    display: none !important;
}

@media (min-width: 768px) {
    .search-container-sm, .auth-link-container-sm {
        display: inline-block !important;
    }
}

/* This applies to the area behind the header logo and auxiliary navigation */
.navbar-collapse {
    clear: both;
}

@media (max-width: 767px) {
    .navbar-collapse {
        /* expand to the full width of the page */ margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 768px) {
    .navbar-collapse {
        clear: right;
    }
}

@media (min-width: 768px) {
    .nav-primary {
        float: right;
        clear: right;
        margin-top: 10px;
    }
}

.header-logo-container.float-md-left {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .header-social {
        display: none !important;
    }
}

.header-social a {
    text-decoration: none;
}

/* Universal search control */
.search-field {
    background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
    background-position: 7px -16px;
    padding-left: 28px !important;
    color: #777;
    border-color: #CCC;
}

.header-search .TextButton {
    display: none;
}

/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList {
    padding-left: 0;
    margin: 0;
    display: inline-block;
}

.NavigationListItem {
    list-style-type: none;
    display: inline-block;
    margin-left: 0;
}

.NavigationLink {
    padding-left: 7.5px;
    padding-right: 7.5px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .ste-section {
        display: none !important;
    }
}

/* Main
   ========================================================================== */
#masterContentArea {
    background-color: #fff;
    margin-top: 10px;
}

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-container {
    float: right;
}

.obo-panel {
    line-height: 2.4em;
    white-space: nowrap;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.obo-panel.on {
    padding-left: 2em;
    padding-right: 2em;
}

.account-menu .obo-panel {
    /* within the account area dropdown make the padding match the other items*/
    padding: 3px 10px;
}

.obo-label, .obo-actions {
    display: inline-block;
}

.obo-label {
    font-weight: bold;
}

.obo-label span:after {
    content: ':';
}

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
    margin: .5em 0;
}

/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/ 
 */
/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
}

a, .Link {
    color: #8F2117;
    text-decoration: underline;
}

a:visited, .Link:visited {
    color: #a5261b;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active {
    color: #631710;
    text-decoration: underline;
}

a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited {
    color: #999999;
    text-decoration: underline;
}

.RadGrid a, .RadToolTip a, .k-grid a {
    color: #8F2117 !important;
    text-decoration: underline;
}

.RadGrid a:visited, .RadToolTip a:visited, .k-grid a:visited {
    color: #a5261b !important;
}

.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active, .k-grid a:hover, .k-grid a:focus, .k-grid a:active {
    color: #631710 !important;
    text-decoration: underline !important;
}

.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadGrid a:disabled, .RadGrid a:disabled:hover, .RadGrid a:disabled:focus, .RadGrid a:disabled:active, .RadGrid a:disabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited, .RadToolTip a:disabled, .RadToolTip a:disabled:hover, .RadToolTip a:disabled:focus, .RadToolTip a:disabled:active, .RadToolTip a:disabled:visited, .k-grid a.aspNetDisabled, .k-grid a.aspNetDisabled:hover, .k-grid a.aspNetDisabled:focus, .k-grid a.aspNetDisabled:active, .k-grid a.aspNetDisabled:visited, .k-grid a:disabled, .k-grid a:disabled:hover, .k-grid a:disabled:focus, .k-grid a:disabled:active, .k-grid a:disabled:visited {
    color: #999999 !important;
    text-decoration: underline !important;
}

.RadGrid a.TextButton {
    color: #fff !important;
    text-decoration: none !important;
}

sup {
    display: block;
    font-size: .75em;
    font-weight: 200;
    color: #666;
    line-height: 0;
    top: unset;
}

h1, .h1, .PageTitle {
    font-size: 38px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #241858;
    margin-top: 0;
}

h1.BigHeader, .h1.BigHeader {
    color: #fff;
    background-color: #8F2117;
    padding: 20px;
    margin: 0;
}

h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle {
    min-height: 0;
    border-bottom-style: dotted;
    border: none;
}

h2, .h2, .PanelTitle {
    font-size: 170%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #241858;
    line-height: 1.45em;
}

h3, .SectionTitle {
    font-size: 130%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #241858;
}

h4, .SectionLabel, h5 {
    margin: 0 0 .2em;
}

h4, .h4, .SectionLabel {
    font-size: 120%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #241858;
}

h5, .h5 {
    font-size: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #241858;
}

h6, .h6 {
    font-size: 85%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #241858;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

hr {
    margin-left: .5em;
    margin-right: .5em;
    border-width: 1px 0 0 0;
    border-style: dotted;
    border-color: #ddd;
}

.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish {
    border-color: #ddd;
}

.PanelHead.Distinguish .PanelHeadOptions, .panel-heading.Distinguish .panel-head-options {
    margin-top: .6em;
}

/* Used for messages guiding users to the next step */
.HelperText {
    color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
    background-color: #4b399d;
}

/**
  * This automatically resizes images when they're too large to fit in their container. 
  * It may override any user-defined width/height on images. If the behavior is unwanted, 
  * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
  * apply as desired.
  */
img {
    max-width: 100%;
    height: auto !important;
}

/**
  * Sometimes images should not be resized. This class can be used as a wrapper or directly
  * on the image to avoid the resizing.
  */
img.ImgNoResize, .ImgNoResize img {
    max-width: none;
}

/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
    margin-bottom: 20px;
}

.bg-img-full-size {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-dark {
    background-color: #333333;
}

.bg-img-dark, .bg-img-dark h1, .bg-img-dark h2, .bg-img-dark h3, .bg-img-dark h4, .bg-img-dark h5, .bg-img-dark h6 {
    color: #fff;
}

.bg-img-dark a:not(.TextButton):not(.btn), .bg-img-dark a:not(.TextButton):not(.btn):hover, .bg-img-dark a:not(.TextButton):not(.btn):focus, .bg-img-dark a:not(.TextButton):not(.btn):active {
    color: #fff;
    text-decoration: underline;
}

/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
    background-color: #ffdd6f;
}

/* header logo */
#masterHeaderImage {
    background-image: url("images/iMIS-logo.svg#color");
    background-repeat: no-repeat;
    background-size: contain;
    width: 122px;
    height: 39.04px;
    /* The following are needed to hide the text, but allow it to be read by screen readers */
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

@media (min-width: 768px) {
    #masterHeaderImage {
        margin-top: 38px;
    }
}

@media (min-width: 768px) {
    #masterHeaderImage {
        background-image: url("images/iMIS-logo.svg#color");
        width: 150px;
        height: 48px;
    }
}

#masterDonorHeaderImage {
    background-image: url("images/iMIS-logo.svg#color");
    background-repeat: no-repeat;
    width: 122px;
    height: 39.04px;
    /* The following are needed to hide the text, but allow it to be read by screen readers */
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

@media (min-width: 768px) {
    #masterDonorHeaderImage {
        margin-top: 38px;
    }
}

/* Header Border */
#masterHeaderBackground, .header {
    background-color: rgba(36, 24, 88, 0.67);
}

/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
    display: block;
    text-align: center;
}

/* On Behalf Of with target set */
.ProxyPanelContact {
    background-color: #F4F3F8;
}

.ProxyPanelContact, .ProxyPanelContact .obo-label {
    color: #fff;
}

.ProxyPanelContact a {
    color: #ec8f86;
}

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.SubNavPanelHead {
    background-color: #f6f6f6;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.SubNavigationSeparator {
    border-width: 1px 0 0 0;
    border-style: dotted;
    border-color: #ddd;
    height: 1px;
    padding: 0;
    margin: 0;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-nav-copyright {
    padding-top: 1em;
    padding-bottom: 0.35em;
    /* 1em - .65em (bottom margin on nav lis) */
}

.footer-content {
    padding-top: 1em;
}

.footer-content-section {
    padding: 0 15px 1em;
}

.footer-nav-copyright::after {
    display: block;
    clear: both;
    content: "";
}

.footer-nav-copyright .NavigationUnorderedList, .footer-nav-copyright .footer-copyright {
    float: left;
    margin: 0;
}

.footer-nav-copyright .footer-copyright {
    display: inline-block;
    margin: 0 1.5em .65em 0;
}

@media (max-width: 767px) {
    .footer-nav-copyright .footer-social-copyright {
        text-align: center;
    }
}

.footer-nav-copyright .footer-social-copyright .footer-social, .footer-nav-copyright .footer-social-copyright .footer-copyright {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .footer-nav-copyright .footer-social-copyright .footer-social {
        text-align: left;
    }

    .footer-nav-copyright .footer-social-copyright .footer-copyright {
        float: right;
        width: auto;
        clear: right;
    }
}

.footer-copyright p {
    margin-bottom: 0;
}

@media (min-width: 480px) {
    .footer-content-section {
        float: left;
        width: 50%;
    }
}

@media (min-width: 768px) {
    .footer .footer-social {
        width: 33.3333333333%;
    }

    .footer .footer-promo-container {
        width: 66.6666666667%;
    }
}

#masterFooterCopyright {
    clear: both;
}

.footer-content {
    background-color: #241858;
    color: #fff;
    text-align: center;
}

.footer-content h2 {
    margin-top: 0;
    color: #fff;
    border-bottom: none;
}

.footer-content a {
    color: #f1ada7;
}

.footer-social {
    padding-top: 15px;
}

.footer-social a {
    margin-right: .5em;
}

.footer-promo-container .promo {
    background-color: black;
    /* rgba fallback */
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.footer-promo-container .lead {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-bottom: .25em;
    font-size: 130%;
    line-height: inherit;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-promo-container .lead {
        font-size: 150%;
    }
}

@media (min-width: 992px) {
    .footer-promo-container .lead {
        font-size: 170%;
    }
}

.footer-promo-container .TextButton {
    background-color: black;
    /* rgba fallback */
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.footer-promo-container .TextButton:hover {
    background-color: black;
    /* rgba fallback */
    background-color: rgba(0, 0, 0, 0.8);
}

.footer-nav-copyright {
    background-color: #100a26;
    color: #999;
}

.footer-nav-copyright a, .footer-nav-copyright a:visited {
    color: #fff;
}

.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
    color: white;
}

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
    background-color: #241858;
}

#ft .container {
    color: #fff;
}

#ft h4 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

#masterFooterConnectWithUs {
    border-style: dotted;
    border-color: rgba(221, 221, 221, 0.8);
    border-width: 0 1px;
}

#masterFooterContent a, #masterFooterCopyright a, #masterFooterNavigation a {
    color: #f1ada7;
}

#masterFooterContent a:visited, #masterFooterCopyright a:visited, #masterFooterNavigation a:visited {
    color: #f1ada7;
}

#masterFooterContent a:hover, #masterFooterContent a:active, #masterFooterCopyright a:hover, #masterFooterCopyright a:active, #masterFooterNavigation a:hover, #masterFooterNavigation a:active {
    color: #ea847b;
}

#masterFooterCopyright {
    border-color: #ddd;
    /* rgba fallback */
    border-top: 1px solid rgba(221, 221, 221, 0.5);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse, .searchbar-collapse {
    background-color: #241858;
}

@media (min-width: 768px) {
    .navbar-collapse, .searchbar-collapse {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        border: none;
    }
}

.auth-link-container {
    /* container for the sign in link when the browser is <768px wide */
    padding: 10px 15px;
    text-align: right;
    border-bottom: 1px dotted #fff;
}

/* Reset some Telerik defaults */
.RadMenu.RadMenu_SFAA {
    float: none;
}

.RadMenu.RadMenu_SFAA .rmGroup, .RadMenu.RadMenu_SFAA .rmRootGroup, .RadMenu.RadMenu_SFAA .rmMultiColumn, .RadMenu.RadMenu_SFAA .rmRootGroup>.rmItem {
    border: none;
}

.RadMenu.RadMenu_SFAA .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_SFAA .rmVertical .rmExpand:before, .RadMenu.RadMenu_SFAA .rmRightArrow .rmIcon:before, .RadMenu.RadMenu_SFAA .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_SFAA .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_SFAA .rmBottomArrow .rmIcon:before {
    content: none;
}

.RadMenu.RadMenu_SFAA .rmItem, .RadMenu.RadMenu_SFAA .rmHorizontal>.rmItem, .RadMenu.RadMenu_SFAA .rmHorizontal>.rmRootScrollGroup>.rmItem, .RadMenu.RadMenu_SFAA .rmLink {
    float: none;
}

.RadMenu.RadMenu_SFAA .rmLink {
    padding: 0px;
}

.RadMenu.RadMenu_SFAA .rmVertical .rmItem .rmText {
    display: inline-block;
    vertical-align: top;
    float: left;
    text-transform: uppercase;
    font-size: 90%;
}

.RadMenu.RadMenu_SFAA .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_SFAA .rmToggle {
    width: auto;
}

.RadMenu.RadMenu_SFAA .rmToggle, .RadMenu.RadMenu_SFAA .rmToggle .rmIcon, .RadMenu.RadMenu_SFAA .rmRootGroup .rmRootLink .rmToggle {
    position: static;
}

.RadMenu.RadMenu_SFAA .rmGroup .rmContent, .RadMenu.RadMenu_SFAA .rmRootGroup .rmContent {
    padding: 0;
}

.RadMenu.RadMenu_SFAA, .RadMenu.RadMenu_SFAA .rmItem {
    font-size: 16px;
}

.RadMenu.RadMenu_SFAA .rmSlide ul.rmGroup {
    padding: 0;
}

.RadMenu.RadMenu_SFAA {
    z-index: 1001 !important;
    position: relative;
}

.RadMenu.RadMenu_SFAA:focus {
    outline: none;
}

.RadMenu.RadMenu_SFAA ul {
    margin: 0;
    padding: 0;
}

.RadMenu.RadMenu_SFAA .rmItem {
    list-style: none;
}

.RadMenu.RadMenu_SFAA .rmDisabled>a {
    cursor: default;
}

.RadMenu.RadMenu_SFAA .rmItem {
    width: auto;
    clear: both;
}

.RadMenu.RadMenu_SFAA .rmText, .RadMenu.RadMenu_SFAA .rmHorizontal .rmText, .RadMenu.RadMenu_SFAA .rmSlide .rmText {
    padding: 10px 15px;
}

.RadMenu.RadMenu_SFAA .rmSlide .rmText {
    /* give space for the expand arrow */
    padding-right: 40px;
}

.RadMenu.RadMenu_SFAA .rmSlide .rmGroup {
    position: relative;
}

.RadMenu.RadMenu_SFAA .rmLink, .RadMenu.RadMenu_SFAA .rmOneLevel .rmItem .rmLink {
    padding: 0;
}

.RadMenu.RadMenu_SFAA .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_SFAA .rmTwoLevels .rmLevel1 .rmLink {
    /* make sure second-level rsm items are lined up properly */
    padding-left: 0;
}

.RadMenu.RadMenu_SFAA .rmTwoLevels .rmLink {
    margin-bottom: 0;
}

.RadMenu.RadMenu_SFAA .rmTwoLevels .rmLevel1>.rmItem>.rmLink {
    font-size: 1.16em;
}

.RadMenu.RadMenu_SFAA .rmTwoLevels .rmLevel1>.rmItem>.rmLink, .RadMenu.RadMenu_SFAA .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:hover, .RadMenu.RadMenu_SFAA .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:focus {
    text-transform: uppercase;
    color: white;
    font-weight: 200;
    letter-spacing: 0;
}

.RadMenu.RadMenu_SFAA .rmOneLevel .rmItem .rmLink {
    white-space: nowrap;
}

.RadMenu.RadMenu_SFAA .rmLink {
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
    /* required for the menu to work in IE */
}

.RadMenu.RadMenu_SFAA .rmGroup .rmText {
    margin: 0;
}

.RadMenu.RadMenu_SFAA .rmRootLink.rmSelected {
    /* root item selected styles */
    color: #fff;
    background-color: #8F2117;
}

.RadMenu.RadMenu_SFAA .rmRootLink.rmExpanded, .RadMenu.RadMenu_SFAA .rmRootLink:hover, .RadMenu.RadMenu_SFAA .rmRootLink.rmFocused {
    /* root item hover and focus styles */
    background-color: #F4F3F8;
    color: #333;
}

.RadMenu.RadMenu_SFAA .rmGroup {
    background-color: #F4F3F8;
}

.RadMenu.RadMenu_SFAA .rmDisabled>.rmLink {
    color: #333;
}

.RadMenu.RadMenu_SFAA .rmDisabled>.rmLink:hover, .RadMenu.RadMenu_SFAA .rmDisabled>.rmLink:active {
    background-color: transparent;
    color: #333;
}

.RadMenu.RadMenu_SFAA .rmRootGroup>.rmItem {
    position: relative;
}

.RadMenu.RadMenu_SFAA .rmRootGroup>.rmItem>.rmLink {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 0;
}

.RadMenu.RadMenu_SFAA .rmToggle, .RadMenu.RadMenu_SFAA .rmRootGroup .rmRootLink .rmToggle {
    /* a clickable target to expand multi-level navigaiton */
    display: inline-block;
    float: right;
    height: 100%;
}

.RadMenu.RadMenu_SFAA .rmToggle .rmIcon, .RadMenu.RadMenu_SFAA .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    display: block;
    width: 23px;
    height: 15px;
    background-image: url("images/responsivenav.png");
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 15px;
    background-position: 0 -26px;
}

.RadMenu.RadMenu_SFAA .rmLink:hover .rmToggle>.rmIcon, .RadMenu.RadMenu_SFAA .rmLink.rmFocused .rmToggle>.rmIcon, .RadMenu.RadMenu_SFAA .rmSelected>.rmLink .rmToggle>.rmIcon, .RadMenu.RadMenu_SFAA .rmFocused>.rmLink.rmRootLink .rmToggle>.rmIcon, .RadMenu.RadMenu_SFAA .rmExpanded>.rmLink .rmToggle>.rmIcon, .RadMenu.RadMenu_SFAA .rmSlide .rmLink .rmToggle>.rmIcon {
    background-position: 0 0;
}

.RadMenu.RadMenu_SFAA .rmExpanded>.rmLink>.rmToggle>.rmIcon {
    transform: rotate(180deg);
}

.RadMenu.RadMenu_SFAA .rmExpanded .rmIcon {
    background-position: 0 0 !important;
}

.RadMenu_SFAA .rmSlide {
    display: none;
    /* hide the sub nav until requested */
    position: absolute;
    height: auto !important;
}

.RadMenu_SFAA .rmSlide .rmItem {
    float: none;
    display: block;
}

.RadMenu_SFAA .rmSlide .rmText {
    float: none;
}

.RadMenu_SFAA .rmSlide .rmLink {
    color: #333;
}

.RadMenu_SFAA .rmSlide .rmSeparator, .RadMenu_SFAA .rmSlide .rmVertical>.rmSeparator, .RadMenu_SFAA .rmSlide .MegaDropDownMenuSeparator>.rmLink {
    border-bottom: 1px dotted #fff;
}

.RadMenu_SFAA .rmSlide .rmSeparator, .RadMenu_SFAA .rmSlide .rmVertical>.rmSeparator {
    margin: 0 15px;
}

.RadMenu_SFAA .rmSlide .rmFocused>.rmLink, .RadMenu_SFAA .rmSlide .rmSelected>.rmLink, .RadMenu_SFAA .rmSlide .rmItem.rmSelected .rmLink {
    background-color: #fff;
    color: #b03429;
}

.RadMenu_SFAA .rmSlide .rmLink:hover, .RadMenu_SFAA .rmSlide .rmLink:focus, .RadMenu_SFAA .rmSlide .rmLink.rmFocused, .RadMenu_SFAA .rmSlide .rmLevel1>.rmItem>.rmLink:hover, .RadMenu_SFAA .rmSlide .rmLevel1>.rmItem>.rmLink:focus, .RadMenu_SFAA .rmSlide .rmLevel1>.rmItem>.rmLink.rmFocused {
    background-color: #fff;
    color: #b03429;
}

.RadMenu_SFAA .rmSlide.rmLevel1 .rmGroup {
    /* for second-level sub-nav and beyond,
     * we want to indent the nav to give separation */
    margin-left: 0;
}

.RadMenu_SFAA .rmSlide .rmExpandRight, .RadMenu_SFAA .rmSlide .rmGroup a.rmLink.rmExpandRight {
    background-image: url("images/ResponsiveNav.png");
    background-position: 110% -90px;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .RadMenu_SFAA .rmSlide {
        width: 100% !important;
        left: 0 !important;
    }

    .RadMenu_SFAA .rmSlide ul.rmVertical, .RadMenu_SFAA .rmSlide ul.rmHorizontal, .RadMenu_SFAA .rmSlide ul.rmRootScrollGroup {
        float: none;
    }

    .RadMenu_SFAA .rmSlide .rmSlide {
        /* for right expanded items, expand below on extra small screens */
        left: 0 !important;
    }

    .RadMenu_SFAA .rmSlide .rmToggleHandles .rmSlide .rmText {
        /* if we have toggles on we don't want to add the extra padding */
        padding-right: 15px;
    }

    .RadMenu_SFAA .rmSlide .rmToggleHandles .rmExpandRight, .RadMenu_SFAA .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
        /* if toggle handles are on we don't want to display the arrow twice*/
        background-image: none;
    }
}

@media (min-width: 768px) {
    .RadMenu.RadMenu_SFAA .rmItem {
        white-space: nowrap;
    }

    .RadMenu.RadMenu_SFAA .rmRootGroup>.rmItem {
        float: left;
        clear: none;
    }

    .RadMenu.RadMenu_SFAA .rmRootGroup>.rmItem>.rmLink {
        margin: 0;
    }

    .RadMenu.RadMenu_SFAA .rmSlide .rmGroup {
        margin: 0;
    }

    .RadMenu.RadMenu_SFAA .rmSlide .rmItem {
        float: none;
        display: block;
    }

    .RadMenu.RadMenu_SFAA .rmSlide .rmLink {
        margin: 0;
    }

    .RadMenu.RadMenu_SFAA .rmToggle, .RadMenu.RadMenu_SFAA .rmRootGroup .rmRootLink .rmToggle {
        display: none;
    }

    .RadMenu.RadMenu_SFAA.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.RadMenu_SFAA.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
        display: block !important;
    }
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_SFAA {
    white-space: normal;
}

.RadTreeView.RadTreeView_SFAA .rtLI, .RadTreeView.RadTreeView_SFAA .rtTop, .RadTreeView.RadTreeView_SFAA .rtMid, .RadTreeView.RadTreeView_SFAA .rtBot {
    padding: 0;
}

.RadTreeView.RadTreeView_SFAA .rtIn {
    display: block;
}

.RadTreeView.RadTreeView_SFAA .rtIn, .RadTreeView.RadTreeView_SFAA .rtHover .rtIn, .RadTreeView.RadTreeView_SFAA .rtSelected .rtIn {
    padding: 10px 15px;
    border: none;
}

.RadTreeView.RadTreeView_SFAA .rtUL {
    width: 100%;
}

.RadTreeView.RadTreeView_SFAA .rtSelected>a.rtIn, .RadTreeView.RadTreeView_SFAA .child-is-selected.rtIn {
    background-color: transparent;
    color: #333333;
}

.RadTreeView.RadTreeView_SFAA .rtSelected>a.rtIn:hover, .RadTreeView.RadTreeView_SFAA .rtSelected>a.rtIn:active, .RadTreeView.RadTreeView_SFAA .rtSelected>a.rtIn:focus {
    background-color: transparent;
}

.RadTreeView.RadTreeView_SFAA .rtUL .rtUL {
    padding-left: 15px;
}

.RadTreeView.RadTreeView_SFAA>.rtUL>.rtLI {
    /* add a separator border to the first-level sub-nav items only */
    border-top: 1px dotted #ddd;
}

.RadTreeView.RadTreeView_SFAA>.rtUL>.rtLI:first-child {
    border-top: none;
}

.RadTreeView.RadTreeView_SFAA>.rtUL>.rtLI .rtLI .rtIn {
    /* children should have less padding */
    padding: 5px 15px;
}

.RadTreeView.RadTreeView_SFAA>.rtUL>.rtLI>.rtUL {
    /* this makes the children section padding even */
    padding-right: 15px;
    padding-bottom: 10px;
}

.RadTreeView.RadTreeView_SFAA>.rtUL {
    /* add a boundary for hovered navs */
    margin: 0 1px 1px 1px;
}

.RadTreeView.RadTreeView_SFAA .rtSp, .RadTreeView.RadTreeView_SFAA .rtPlus, .RadTreeView.RadTreeView_SFAA .rtMinus {
    /* we don't want to display the expand/collapse icons in this theme */
    display: none;
}

.RadTreeView.RadTreeView_SFAA a.rtIn {
    color: #8F2117;
    transition: all 0.2s ease-in;
    margin: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
    .RadTreeView.RadTreeView_SFAA a.rtIn {
        transition: none;
    }
}

.RadTreeView.RadTreeView_SFAA a.rtIn:hover, .RadTreeView.RadTreeView_SFAA a.rtIn:focus, .RadTreeView.RadTreeView_SFAA a.rtIn:active {
    background-color: #fff;
}

.col-secondary .nav-secondary {
    background-color: #f6f6f6;
    margin-bottom: 1em;
}

.col-secondary .nav-secondary .sub-nav-head {
    background-color: #8F2117;
    color: #fff;
    font-weight: 400;
    font-size: 100%;
    text-transform: uppercase;
    padding: 10px 15px;
}

.col-secondary .nav-secondary .SubNavigationSeparator {
    border: none;
    height: 4px;
    background-color: #dddddd;
}

.col-secondary .nav-secondary .SubNavigationSeparator .rtIn {
    padding: 0;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
    float: right;
}

.navbar-header>div, .navbar-header>a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
    display: inline-block;
    vertical-align: middle;
}

.navbar-toggle {
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    vertical-align: middle;
    background-color: #19103c;
    border-color: transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* extend the toggle down when it's open */
    margin-bottom: 0;
    padding-bottom: 18px;
}

.navbar-toggle.collapsed {
    /* then tighten it back up when it's closed */
    margin-bottom: 6.5px;
    padding-bottom: 9px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.navbar-toggle.collapsed {
    background-color: #150f2e;
}

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #07050f;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle {
    margin-left: 15px;
}

.nav-auxiliary a {
    /* Utility navigation links */
    color: #fff;
    text-decoration: none;
}

.nav-auxiliary .nav-image {
    vertical-align: baseline;
    padding-right: 8px;
}

/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
    content: '(';
}

.cartCenter span:after {
    content: ')';
}

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
    float: none;
}

.navbar-toggle .icon-bar {
    height: 3px;
    border-radius: 0;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}

.navbar-toggle .icon-search {
    display: inline-block;
    float: left;
    background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
    width: 22px;
    height: 21px;
    margin: -1px 0;
    /* this makes it line up properly with the hamburger */
}

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
    position: relative;
    /* this is required for the cart indicator placement */
    display: inline-block;
}

.nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text {
    /* add the background sprite for the provided CSS classes */
    background-image: url("images/ResponsiveHeaderSprite.png");
    background-repeat: no-repeat;
    padding-left: 26px;
}

.nav-auxiliary .nav-aux-account .nav-text {
    background-position: 0 -125px;
}

.nav-auxiliary .nav-aux-cart .nav-text {
    background-position: 0 -75px;
}

.nav-auxiliary .nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    /* left postion is padding plus placement */
    position: absolute;
    top: -5px;
    left: 10px;
    text-align: center;
    line-height: 1;
    width: 1.6em;
}

.nav-auxiliary .nav-aux-cart .cartCenter {
    color: #fff;
    background-color: #c55147;
    border-radius: 2px;
    font-size: 0.75em;
    line-height: 1;
    padding: 0 2px 1px;
    box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}

.nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
    /* Clear the parentheses put around the item count by default */
    content: none;
}

@media (max-width: 767px) {
    .nav-auxiliary .nav-aux-button .NavigationLink {
        /* This makes the link look like the toggle buttons */ background-color: #150f2e;
        margin-left: 15px;
        padding: 9px 10px;
        margin-top: 6.5px;
        margin-bottom: 6.5px;
        border: 1px solid transparent;
        border-radius: 5px;
    }

    .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
        background-color: #07050f;
    }

    .nav-auxiliary .nav-aux-button .NavigationLink:active {
        background-color: #19103c;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        /* hide the cart text on small devices */
        display: inline-block;
        white-space: nowrap;
        float: left;
        overflow: hidden;
        width: 22px;
        height: 19px;
        padding-left: 22px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background-position: 0 -100px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        background-position: 0 -50px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
        /* This is the flag indicating how many items are in your cart */
        left: 29px;
        /* margin, padding, plus placement */
        top: 8px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
        background-color: #ac99ff;
        color: #000;
    }
}

.header-search {
    padding: 10px 15px;
}

.header-search>.header-search {
    padding: 0;
    /* don't double the padding */
}

@media (max-width: 767px) {
    .header-search .search-field {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .header-search {
        padding: 0 0 0 7px;
    }
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 767px) {
    .nav-auxiliary .nav-aux-primary-switch, tr.nav-auxiliary .nav-aux-primary-switch, th.nav-auxiliary .nav-aux-primary-switch, td.nav-auxiliary .nav-aux-primary-switch {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .nav-primary .nav-aux-primary-switch, tr.nav-primary .nav-aux-primary-switch, th.nav-primary .nav-aux-primary-switch, td.nav-primary .nav-aux-primary-switch {
        display: none !important;
    }
}

.searchbar-collapse {
    margin-left: calc(-1.4 * ((100vw - 100%) / 2));
}

/* ==========================================================================
   ON BEHALF OF ICONS
   ========================================================================== */
.obo-action {
    background-image: url("images/OboSprite.png");
}

.obo-action.obo-change-contact, .obo-action.obo-change-contact[disabled]:hover, .obo-action.obo-change-contact.Disabled:hover, .obo-action.obo-change-contact.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-change-contact {
    background-position: 0px 0;
}

.obo-action.obo-change-contact:hover, .obo-action.obo-change-contact:focus, a:hover .obo-action.obo-change-contact, a:focus .obo-action.obo-change-contact {
    background-position: 0px -35px;
}

.obo-action.obo-clear, .obo-action.obo-clear[disabled]:hover, .obo-action.obo-clear.Disabled:hover, .obo-action.obo-clear.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-clear {
    background-position: -35px 0;
}

.obo-action.obo-clear:hover, .obo-action.obo-clear:focus, a:hover .obo-action.obo-clear, a:focus .obo-action.obo-clear {
    background-position: -35px -35px;
}

/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
    background-image: url(images/SocialSprite.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    vertical-align: top;
    border-radius: 5px;
    opacity: .70;
    transition: opacity 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
    .SocialSprite {
        transition: none;
    }
}

.SocialSprite.LargeButtons {
    width: 32px;
    height: 32px;
}

.SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
    opacity: 1;
}

.SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon {
    background-position: 0 0;
    background-color: #3b5998;
}

.SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons {
    background-position: 0 -80px;
}

.SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon {
    background-position: -40px 0;
    background-color: #00a0d1;
}

.SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons {
    background-position: -40px -80px;
}

.SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon {
    background-position: -80px 0;
    background-color: #0077b5;
}

.SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons {
    background-position: -80px -80px;
}

.SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon {
    background-position: -120px 0;
    background-color: #c4302b;
}

.SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons {
    background-position: -120px -80px;
}

.SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon {
    background-position: -160px 0;
    background-color: #0a629a;
}

.SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons {
    background-position: -160px -80px;
}

.SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon {
    background-position: -200px 0;
    background-color: #0a629a;
}

.SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons {
    background-position: -200px -80px;
}

.SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon {
    background-position: -240px 0;
    background-color: #db4a39;
}

.SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons {
    background-position: -240px -80px;
}

.SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon {
    background-position: -280px 0;
    background-color: #00aff0;
}

.SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons {
    background-position: -280px -80px;
}

.SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:hover, a:hover .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:focus, a:focus .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:active, a:active .SocialSprite.InstagramIcon {
    background-position: -360px 0;
    background-color: #e1306c;
}

.SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:hover, a:hover .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:focus, a:focus .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:active, a:active .SocialSprite.InstagramIcon.LargeButtons {
    background-position: -360px -80px;
}

.SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:hover, a:hover .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:focus, a:focus .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:active, a:active .SocialSprite.SnapchatIcon {
    background-position: -400px 0;
    background-color: #fffc00;
}

.SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:hover, a:hover .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:focus, a:focus .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:active, a:active .SocialSprite.SnapchatIcon.LargeButtons {
    background-position: -400px -80px;
}

/**** End Social Netowrking Icon Styling ****/
input, button, select, textarea {
    font-family: "Montserrat", sans-serif;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake {
    display: inline-block;
    height: 47px;
    padding: 10px 20px;
    font-size: 100%;
    line-height: 1.6;
    color: #555555;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake {
        transition: none;
    }
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .input-fake:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .uneditable-input::placeholder, .input-fake::placeholder {
    color: #999999;
    opacity: 1;
}

.input-fake:focus-within {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* RadComboBox needs the same styles as normal inputs, 
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
    color: #555555;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
    color: #555555;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner {
    height: 47px;
    padding: 0;
    font-size: 100%;
    line-height: 1.6;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .RadComboBox.RadComboBox_MetroTouch .rcbInner {
        transition: none;
    }
}

.RadComboBox.RadComboBox_MetroTouch .rcbInputCell {
    padding: 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbFocused {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.RadComboBox.RadComboBox_MetroTouch .rcbInput {
    height: 100%;
    padding: 10px 20px;
}

.RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
    /* Make sure the page size dropdown in the RadGrid has enough room to show page size */
    padding: 2px;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
    color: #999999;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
    border-radius: 0 5px 5px 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
    height: 1.4em;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
    font: inherit;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput {
    height: auto !important;
    /* IE11 */
}

.RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox, .RadInput .riTextBox {
    height: 47px;
    padding: 10px 20px;
    border-color: #ccc;
    font: inherit;
    color: #555555;
}

.RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus {
    border-color: #66afe9;
}

.RadUpload.RadUpload .ruFakeInput {
    height: 45px;
    padding: 0;
    border-radius: 5px;
}

/* RadEditor designed to look like a normal text box */
.HtmlEditorTextBoxStyle {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.HtmlEditorTextBoxStyle .reContent {
    border-radius: 5px;
}

.HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td {
    background-color: transparent;
}

/* RadPicker - Make sure there's some space between the picker and the time zone label*/
.RadPicker+.TimeZoneLabel {
    margin-left: .5em;
}

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
    min-height: 47px;
    border-radius: 5px;
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
    background-image: none;
}

@media screen and (prefers-reduced-motion: reduce) {
    .chosen-container-multi .chosen-choices {
        transition: none;
    }
}

.chosen-container-multi .chosen-choices li.search-field {
    /* Remove the styling used in the master page search-field */
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    padding-left: 0 !important;
}

.chosen-container-active .chosen-choices {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    *margin-top: 0;
    /* IE7 */
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
    cursor: pointer;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

textarea {
    height: auto;
}

select {
    border: 1px solid #ccc;
    background-color: #fff;
}

select[multiple], select[size] {
    height: auto;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #fff;
    white-space: normal;
    text-decoration: none;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.6;
    border-radius: 5px;
    user-select: none;
    transition: background 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton {
        transition: none;
    }
}

.btn:focus, .TextButton:focus, .TextButtonWithImage:focus, .RadUpload .ruButton:focus, .RadUploadProgressArea .ruButton:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:visited, .RadUpload .ruButton:hover, .RadUpload .ruButton:focus, .RadUpload .ruButton:visited, .RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea .ruButton:visited {
    text-decoration: none;
}

.btn:active, .btn.active, .TextButton:active, .TextButton.active, .TextButtonWithImage:active, .TextButtonWithImage.active, .RadUpload .ruButton:active, .RadUpload .ruButton.active, .RadUploadProgressArea .ruButton:active, .RadUploadProgressArea .ruButton.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .TextButtonWithImage.disabled, .TextButtonWithImage[disabled], fieldset[disabled] .TextButtonWithImage, .TextButtonWithImage.aspNetDisabled, .RadUpload .ruButton.disabled, .RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload .ruButton, .RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea .ruButton, .RadUploadProgressArea .ruButton.aspNetDisabled {
    opacity: .55;
    box-shadow: none;
}

a.TextButton.disabled, a.TextButton[disabled], fieldset[disabled] a.TextButton, a.TextButton.aspNetDisabled {
    pointer-events: none;
}

/* default button */
.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    color: #fff;
    text-decoration: none;
    background-color: #241858;
    border-color: transparent;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
    color: #fff;
    background-color: #170f38;
    border-color: rgba(0, 0, 0, 0);
}

.btn:active, .TextButton:active, .TextButtonWithImage:active, .ruButton:active, #masterHeaderActionArea a:active, .RadGrid input.TextButton:active {
    background-image: none;
}

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton[disabled], .TextButton[disabled]:hover, .TextButton[disabled]:focus, .TextButton[disabled]:active, fieldset[disabled] .TextButton, fieldset[disabled] .TextButton:hover, fieldset[disabled] .TextButton:focus, fieldset[disabled] .TextButton:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .TextButtonWithImage[disabled], .TextButtonWithImage[disabled]:hover, .TextButtonWithImage[disabled]:focus, .TextButtonWithImage[disabled]:active, fieldset[disabled] .TextButtonWithImage, fieldset[disabled] .TextButtonWithImage:hover, fieldset[disabled] .TextButtonWithImage:focus, fieldset[disabled] .TextButtonWithImage:active, .TextButtonWithImage.aspNetDisabled, .TextButtonWithImage.aspNetDisabled:hover, .TextButtonWithImage.aspNetDisabled:focus, .TextButtonWithImage.aspNetDisabled:active, .ruButton[disabled], .ruButton[disabled]:hover, .ruButton[disabled]:focus, .ruButton[disabled]:active, fieldset[disabled] .ruButton, fieldset[disabled] .ruButton:hover, fieldset[disabled] .ruButton:focus, fieldset[disabled] .ruButton:active, .ruButton.aspNetDisabled, .ruButton.aspNetDisabled:hover, .ruButton.aspNetDisabled:focus, .ruButton.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.TextButton[disabled], .RadGrid input.TextButton[disabled]:hover, .RadGrid input.TextButton[disabled]:focus, .RadGrid input.TextButton[disabled]:active, fieldset[disabled] .RadGrid input.TextButton, fieldset[disabled] .RadGrid input.TextButton:hover, fieldset[disabled] .RadGrid input.TextButton:focus, fieldset[disabled] .RadGrid input.TextButton:active, .RadGrid input.TextButton.aspNetDisabled, .RadGrid input.TextButton.aspNetDisabled:hover, .RadGrid input.TextButton.aspNetDisabled:focus, .RadGrid input.TextButton.aspNetDisabled:active {
    background-color: #241858;
    border-color: transparent;
}

/* some Telerik overrides */
.ruButton {
    background-color: #241858 !important;
    color: #fff !important;
    cursor: pointer;
    border-radius: 5px !important;
}

.RadUpload.RadUpload .ruBrowse, .RadUpload.RadUpload .ruRemove {
    height: auto;
    padding: 10px 20px;
    line-height: 1.6;
    border-radius: 5px;
}

/* primary button */
.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton {
    color: #fff;
    text-decoration: none;
    background-color: #8F2117;
    border-color: transparent;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited {
    color: #fff;
    background-color: #6c1911;
    border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton:active, .SaveAndClose:active, .SaveAs:active, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButtonWithImage:active, #masterHeaderActionArea a:active, .RadGrid input.PrimaryButton:active {
    background-image: none;
}

.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active {
    background-color: #8F2117;
    border-color: transparent;
}

/* white button */
.WhiteButton {
    color: #333333;
    text-decoration: none;
    background-color: #fff;
    border-color: #fff;
}

.WhiteButton:hover, .WhiteButton:focus, .WhiteButton:active, .WhiteButton:visited {
    color: #333333;
    background-color: #ebebeb;
    border-color: #e0e0e0;
}

.WhiteButton:active {
    background-image: none;
}

.WhiteButton[disabled], .WhiteButton[disabled]:hover, .WhiteButton[disabled]:focus, .WhiteButton[disabled]:active, fieldset[disabled] .WhiteButton, fieldset[disabled] .WhiteButton:hover, fieldset[disabled] .WhiteButton:focus, fieldset[disabled] .WhiteButton:active, .WhiteButton.aspNetDisabled, .WhiteButton.aspNetDisabled:hover, .WhiteButton.aspNetDisabled:focus, .WhiteButton.aspNetDisabled:active {
    background-color: #fff;
    border-color: #fff;
}

/* text button */
.TextButtonOutline {
    color: #241858;
    border-color: #241858;
    background-color: transparent;
}

.TextButtonOutline:hover, .TextButtonOutline:focus {
    color: #fff;
    background-color: #241858;
    border-color: #241858;
}

.TextButtonOutline[disabled], .TextButtonOutline[disabled]:hover, .TextButtonOutline[disabled]:focus, .TextButtonOutline[disabled]:active, fieldset[disabled] .TextButtonOutline, fieldset[disabled] .TextButtonOutline:hover, fieldset[disabled] .TextButtonOutline:focus, fieldset[disabled] .TextButtonOutline:active, .TextButtonOutline.aspNetDisabled, .TextButtonOutline.aspNetDisabled:hover, .TextButtonOutline.aspNetDisabled:focus, .TextButtonOutline.aspNetDisabled:active {
    color: #241858;
    background-color: transparent;
}

.TextButtonOutline:not(:disabled):not(.disabled):active, .TextButtonOutline:not(:disabled):not(.disabled).active, .show>.TextButtonOutline.dropdown-toggle {
    color: #fff;
    background-color: #241858;
    border-color: #241858;
}

/* primary button outline */
.PrimaryButtonOutline {
    color: #8F2117;
    border-color: #8F2117;
    background-color: transparent;
}

.PrimaryButtonOutline:hover, .PrimaryButtonOutline:focus {
    color: #fff;
    background-color: #8F2117;
    border-color: #8F2117;
}

.PrimaryButtonOutline[disabled], .PrimaryButtonOutline[disabled]:hover, .PrimaryButtonOutline[disabled]:focus, .PrimaryButtonOutline[disabled]:active, fieldset[disabled] .PrimaryButtonOutline, fieldset[disabled] .PrimaryButtonOutline:hover, fieldset[disabled] .PrimaryButtonOutline:focus, fieldset[disabled] .PrimaryButtonOutline:active, .PrimaryButtonOutline.aspNetDisabled, .PrimaryButtonOutline.aspNetDisabled:hover, .PrimaryButtonOutline.aspNetDisabled:focus, .PrimaryButtonOutline.aspNetDisabled:active {
    color: #8F2117;
    background-color: transparent;
}

.PrimaryButtonOutline:not(:disabled):not(.disabled):active, .PrimaryButtonOutline:not(:disabled):not(.disabled).active, .show>.PrimaryButtonOutline.dropdown-toggle {
    color: #fff;
    background-color: #8F2117;
    border-color: #8F2117;
}

/* white button outline */
.WhiteButtonOutline {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.WhiteButtonOutline:hover, .WhiteButtonOutline:focus {
    color: #333333;
    background-color: #fff;
    border-color: #fff;
}

.WhiteButtonOutline[disabled], .WhiteButtonOutline[disabled]:hover, .WhiteButtonOutline[disabled]:focus, .WhiteButtonOutline[disabled]:active, fieldset[disabled] .WhiteButtonOutline, fieldset[disabled] .WhiteButtonOutline:hover, fieldset[disabled] .WhiteButtonOutline:focus, fieldset[disabled] .WhiteButtonOutline:active, .WhiteButtonOutline.aspNetDisabled, .WhiteButtonOutline.aspNetDisabled:hover, .WhiteButtonOutline.aspNetDisabled:focus, .WhiteButtonOutline.aspNetDisabled:active {
    color: #fff;
    background-color: transparent;
}

.WhiteButtonOutline:not(:disabled):not(.disabled):active, .WhiteButtonOutline:not(:disabled):not(.disabled).active, .show>.WhiteButtonOutline.dropdown-toggle {
    color: #333333;
    background-color: #fff;
    border-color: #fff;
}

/* Facebook sign in button */
.TextButton.Facebook {
    color: #fff;
    text-decoration: none;
    background-color: #3b5998;
    border-color: transparent;
}

.TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
    color: #fff;
    background-color: #30487b;
    border-color: rgba(0, 0, 0, 0);
}

.TextButton.Facebook:active {
    background-image: none;
}

.TextButton.Facebook[disabled], .TextButton.Facebook[disabled]:hover, .TextButton.Facebook[disabled]:focus, .TextButton.Facebook[disabled]:active, fieldset[disabled] .TextButton.Facebook, fieldset[disabled] .TextButton.Facebook:hover, fieldset[disabled] .TextButton.Facebook:focus, fieldset[disabled] .TextButton.Facebook:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active {
    background-color: #3b5998;
    border-color: transparent;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
    color: #fff;
    text-decoration: none;
    background-color: #0077b5;
    border-color: transparent;
}

.SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
    color: #fff;
    background-color: #005c8c;
    border-color: rgba(0, 0, 0, 0);
}

.SignInButton.LinkedIn:active {
    background-image: none;
}

.SignInButton.LinkedIn[disabled], .SignInButton.LinkedIn[disabled]:hover, .SignInButton.LinkedIn[disabled]:focus, .SignInButton.LinkedIn[disabled]:active, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
    background-color: #0077b5;
    border-color: transparent;
}

.MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage {
    font-size: 120% !important;
    padding: 14px 24px !important;
    border-radius: 8px;
}

.LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage {
    font-size: 150% !important;
    padding: 17px 27px !important;
    border-radius: 11px;
}

/* Style buttons to look like links for deemphasis */
.LinkButton {
    -webkit-appearance: none !important;
    background: transparent !important;
    color: #8F2117;
    text-shadow: none;
    box-shadow: none;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.6;
    border-radius: 5px;
    color: #8F2117;
    text-decoration: underline;
}

.LinkButton:visited {
    color: #a5261b;
}

.LinkButton:hover, .LinkButton:focus, .LinkButton:active {
    color: #631710;
    text-decoration: underline;
}

.LinkButton.aspNetDisabled, .LinkButton.aspNetDisabled:hover, .LinkButton.aspNetDisabled:focus, .LinkButton.aspNetDisabled:active, .LinkButton.aspNetDisabled:visited, .LinkButton:disabled, .LinkButton:disabled:hover, .LinkButton:disabled:focus, .LinkButton:disabled:active, .LinkButton:disabled:visited {
    color: #999999;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .StandardButtonMd {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 1.6;
        border-radius: 5px;
    }
}

.CalloutArea1 .btn.PrimaryButton, .CalloutArea1 .TextButton.PrimaryButton, .CalloutArea1 .TextButtonWithImage.PrimaryButton, .CalloutArea2 .btn.PrimaryButton, .CalloutArea2 .TextButton.PrimaryButton, .CalloutArea2 .TextButtonWithImage.PrimaryButton {
    color: #fff;
    background-color: #424242;
}

.CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus, .CalloutArea1 .TextButton.PrimaryButton:hover, .CalloutArea1 .TextButton.PrimaryButton:active, .CalloutArea1 .TextButton.PrimaryButton:focus, .CalloutArea1 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea1 .TextButtonWithImage.PrimaryButton:active, .CalloutArea1 .TextButtonWithImage.PrimaryButton:focus, .CalloutArea2 .btn.PrimaryButton:hover, .CalloutArea2 .btn.PrimaryButton:active, .CalloutArea2 .btn.PrimaryButton:focus, .CalloutArea2 .TextButton.PrimaryButton:hover, .CalloutArea2 .TextButton.PrimaryButton:active, .CalloutArea2 .TextButton.PrimaryButton:focus, .CalloutArea2 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea2 .TextButtonWithImage.PrimaryButton:active, .CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
    color: #fff;
    background-color: #232323;
}

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.btn.DangerButton {
    color: #fff;
    background: #c74b49;
}

.btn.SuccessButton {
    color: #fff;
    background: #008943;
}

/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
    color: #8F2117;
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
    margin-bottom: .3em;
}

.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
    background-color: transparent;
    border: none;
    color: #8F2117;
}

.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
    background-color: #150f2e;
    color: #fff;
}

.RadTreeView.GLE .rtImg {
    border-radius: 5px;
}

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
    background-color: #f6f6f6;
}

/* Mini Profile
   ========================================================================== */
.mini-profile-banner-large .panel-heading, .mini-profile-banner-small .panel-heading, .account-page-with-banner .account-page-top-area.account-page-top-area {
    background-color: #f9f9f9;
}

.mini-profile-banner-large .panel-heading, .mini-profile-banner-large .panel-heading h1, .mini-profile-banner-large .panel-heading h2, .mini-profile-banner-large .panel-heading h3, .mini-profile-banner-large .panel-heading h4, .mini-profile-banner-large .panel-heading h5, .mini-profile-banner-small .panel-heading, .mini-profile-banner-small .panel-heading h1, .mini-profile-banner-small .panel-heading h2, .mini-profile-banner-small .panel-heading h3, .mini-profile-banner-small .panel-heading h4, .mini-profile-banner-small .panel-heading h5 {
    color: #333333;
}

.mini-profile-banner-large a, .mini-profile-banner-large a:hover, .mini-profile-banner-large a:active, .mini-profile-banner-large a:visited, .mini-profile-banner-small a, .mini-profile-banner-small a:hover, .mini-profile-banner-small a:active, .mini-profile-banner-small a:visited {
    color: #333333;
    text-decoration: underline;
}

.mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    /* Style the name like an h2 */
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 170%;
}

.mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-small .mini-profile-picture-section {
    background-color: #f9f9f9;
}

.mini-profile-banner-large .profile-picture-container, .mini-profile-banner-small .profile-picture-container {
    display: inline-block;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    padding: 8px;
    border-radius: 5px;
}

.mini-profile-banner-large .profile-picture-container img, .mini-profile-banner-small .profile-picture-container img {
    border-radius: 3px;
}

.mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-small .mini-profile-picture-section {
    border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {
    .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section {
        background-color: #f9f9f9;
    }

    .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-name-section a, .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-large .mini-profile-name-section label, .mini-profile-banner-large .mini-profile-name-section .Label, .mini-profile-banner-large .mini-profile-address-section, .mini-profile-banner-large .mini-profile-address-section a, .mini-profile-banner-large .mini-profile-address-section .SectionLabel, .mini-profile-banner-large .mini-profile-address-section label, .mini-profile-banner-large .mini-profile-address-section .Label {
        color: #333333;
    }

    .mini-profile-banner-large .mini-profile:after {
        /* because we're not sure if the name or address will be the last
        section of the right column, need to add the border in this weird way
    */
        content: '';
        border-bottom: 1px solid #ccc;
        grid-column: address;
        grid-row: address;
        align-self: end;
        z-index: 1;
    }
}

/* Search Results
   ========================================================================== */
.SearchField, .SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: #F4F3F8;
    padding: 8px 12px;
}

.SearchField label {
    font-size: 120%;
    color: #333;
}

.SearchResultSummary .ListItemTitle a {
    text-decoration: none;
    color: #333333 !important;
    margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
    background-color: #4b399d;
    color: #fff !important;
    text-decoration: none !important;
}

/* Event Display
   ========================================================================== */
.EventSummary {
    background-color: #f6f6f6;
}

.EventSummary .PhotoArea {
    padding: 2em;
}

.EventSummary .Description {
    padding: 0 2em 2em 2em;
}

@media (min-width: 768px) {
    .EventSummary .Description {
        padding-top: 2em;
    }
}

.EventSummary .PhotoArea img {
    border: 1px solid #ddd !important;
}

.ProgramGroup .PanelHead, .ProgramGroup .panel-heading {
    background-color: #4b399d;
}

.ProgramGroup .PanelTitle, .ProgramGroup .panel-title {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 120%;
    line-height: 2em;
    padding-left: .5em;
    color: #fff;
}

.ProgramGroup .PanelBody, .ProgramGroup .panel-body {
    padding: 0;
}

/* Product Display
   ========================================================================== */
.ProductDisplay {
    background-color: #f6f6f6;
    padding: 1em;
}

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
    font-weight: bold;
}

.ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar>span {
    background-color: #241858;
}

.ProgressTrackerNavigation:hover {
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 3px 0px #999999;
    box-shadow: 0 2px 3px 0px #999999;
    border-color: #999999;
    opacity: 0.9;
    cursor: pointer;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
    background-color: #4b399d;
}

.ProgressTracker2 .ProgressTrackerPanel::after {
    display: block;
    clear: both;
    content: "";
}

.ProgressTracker2 .ProgressTrackerPanel .count {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.ProgressTracker2 div p {
    background-color: #fff;
    color: #3973D1;
    margin-bottom: 0;
}

.ProgressTracker2 .ProgressBar {
    margin: 10px;
}

.ProgressTracker2 .ProgressBar>span {
    background-color: #db7970;
}

.ProgressTracker2 .SuccessfulMessage {
    background-color: #a6bee3;
    color: #333333;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
    background-color: #f6f6f6;
    border: none !important;
    margin-top: -3px;
    padding: 10px;
}

.FilterPanel .PanelTitle, .FilterPanel .panel-title {
    background-image: none;
    padding-left: 0.1em;
    line-height: normal;
    margin-left: 0;
    font-size: 140.0001%;
}

.FilterPanel .PanelHead.Distinguish, .FilterPanel .panel-heading.Distinguish {
    border: none;
    min-height: 1em;
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
    background-color: #f6f6f6;
}

.CartCharges .PanelField {
    border-bottom: none;
    border-top: 1px dotted #ddd;
}

.CartCharges .PanelField:first-child, .CartCharges .PanelField .GrandTotal {
    border-top: none;
}

.CartCharges .GrandTotal .PanelField {
    background-color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    color: #8F2117;
}

.CartCharges .GrandTotal .PanelField .Label {
    color: #8F2117;
}

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL {
    background-color: #241858 !important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
    text-transform: none;
    border-color: #241858;
    border-radius: 5px 5px 0 0;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
    border-color: #fff;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
    color: #dedede;
    border-color: transparent;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: inherit;
    font-weight: inherit;
    font-size: 16px;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #241858;
    background-color: #241858;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
    color: #fff;
    background-color: #140d30;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: #241858;
}

@media (max-width: 600px) {
    .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL {
        float: none;
        width: 100%;
        display: block;
    }

    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
        margin: 0;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
        display: inline-block;
        float: left;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLI {
        margin-right: -1px;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLast .rtsLI {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
        display: block;
        border-bottom: 3px solid #241858;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel {
        width: 100%;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel .rtsLink.rtsLink {
        border-width: 1px 1px 0 1px;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn {
        text-align: center;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch+.RadMultiPage {
        border-width: 0 1px 1px 1px;
    }
}

@media (min-width: 768px) {
    .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
        border-right: 3px solid #241858;
    }

    .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft .rtsLevel1 .rtsLink {
        border-right-width: 0;
    }

    .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft+.RadMultiPage {
        border-left-width: 0;
    }

    .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight {
        border-left: 3px solid #241858;
    }

    .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight .rtsLevel1 .rtsLink {
        border-left-width: 0;
    }

    .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight+.RadMultiPage {
        border-right-width: 0;
    }

    .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
        border-bottom: 3px solid #241858;
    }

    .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
        display: inline-block;
        float: left;
    }

    .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLI {
        margin-right: -1px;
    }

    .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLast .rtsLI {
        margin-right: 0;
    }

    .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink {
        border-width: 1px;
    }
}

/* On the account page, when secondary nav is present, display the tabs on top */
.account-page-with-banner .has-secondary-col .tabs-left, .account-page-with-banner .has-secondary-col .tabs-right {
    display: block;
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
    background-color: #4b399d;
}

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
    color: #333333;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable {
    background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow>td, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgEditRow>td {
    border-left-color: transparent;
}

.RadGrid.RadGrid_MetroTouch td.rgPagerCell, .RadGrid.RadGrid_Metro td.rgPagerCell {
    border-width: 0;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow>td, .RadGrid.RadGrid_MetroTouch .rgEditRow>td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow>td, .RadGrid.RadGrid_Metro .rgEditRow>td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, .RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
    padding: 7px 12px;
}

.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child {
    /* reset the padding for expand/collapse column */
    padding-left: 0;
    padding-right: 0;
}

.RadGrid.RadGrid_MetroTouch .rgCommandRow, .RadGrid.RadGrid_Metro .rgCommandRow {
    background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
    background-color: #241858;
    border-color: #241858;
    color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd, .RadGrid.RadGrid_MetroTouch input.rgRefresh, .RadGrid.RadGrid_MetroTouch .rgSave, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
    background-color: #241858;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd:hover, .RadGrid.RadGrid_MetroTouch input.rgRefresh:hover, .RadGrid.RadGrid_MetroTouch .rgSave:hover, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover, .RadGrid.RadGrid_Metro input.rgAdd:hover, .RadGrid.RadGrid_Metro input.rgRefresh:hover, .RadGrid.RadGrid_Metro .rgSave:hover, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover {
    background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgInfoPart, .RadGrid.RadGrid_Metro .rgInfoPart {
    color: #333333;
}

.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
    background-color: #241858;
}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
    border-color: #241858;
}

*+html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, *+html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
    background-color: #241858;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted {
    background-color: #241858;
    border-color: #241858;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
    color: #fff !important;
}

/* RadComboBox
   ========================================================================= */
.RadComboBox .rcbActionButton .t-font-icon {
    font: 16px/1 "TelerikWebUI";
}

/* RadDataPager
   ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch, .RadDataPager.RadDataPager_Metro {
    border: none;
    background-color: transparent;
}

.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_Metro .rdpPageFirst:hover, .RadDataPager.RadDataPager_Metro .rdpPagePrev:hover, .RadDataPager.RadDataPager_Metro .rdpPageNext:hover, .RadDataPager.RadDataPager_Metro .rdpPageLast:hover, .RadDataPager.RadDataPager_Metro .rdpPagerButton {
    background-color: #241858;
    border-color: #241858;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
    border-top: none;
}

.RadScheduler.RadScheduler_Metro .rsHeader {
    border-color: #241858;
    background-color: #241858;
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
    border-color: #241858;
}

.RadScheduler.RadScheduler_Metro .rsHeader h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    border-bottom: none;
}

/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch, .RadMenu.RadMenu_MetroTouch .rmRootLink {
    text-transform: none;
    color: #ffffff;
}

.RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
    background-color: #150f2e;
}

.RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink {
    border-color: #150f2e;
}

.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
    border-color: #150f2e;
}

.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover, .RadMenu.RadMenu_Metro .rmGroup .rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
    border-color: #150f2e;
    background-color: #150f2e;
    color: #FFF !important;
}

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
    margin-top: 10px !important;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #241858;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
    border-color: #241858;
    background-color: #241858;
}

.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
    border-color: #fff;
    border-radius: 50%;
    /* override setting from UltraWave */
    outline: none;
}

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a {
    background-color: #241858;
}

.RadWindow.RadWindow_Metro .rwControlButtons a {
    border-color: #241858;
}

.RadWindow.RadWindow_Metro .rwControlButtons a:focus {
    /* give the refresh, expand, close buttons an outline when focused */
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
    /* needed for IE9 compability */
    border-collapse: separate;
    /* override setting from UltraWave */
    outline: none;
}

.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
    text-transform: none;
}

/* RadTreeView
   ========================================================================== */
.RadTreeView.RadTreeView_Vista .rtLI {
    padding: 0;
}

.RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus {
    margin: 5px 6px 0 -17px;
    width: 11px;
    height: 11px;
    border-width: 0;
    left: auto;
    top: auto;
}

/* RadPicker
   ========================================================================== */
/* Date and Time selectors */
.RadCalendar.RadCalendar_Metro, .RadCalendar.RadCalendar_Metro .rcMainTable, .RadCalendar.RadCalendar_MetroTouch, .RadCalendar.RadCalendar_MetroTouch .rcMainTable {
    font-family: inherit;
    font-weight: inherit;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
    border-color: #241858;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
    color: #241858;
}

.RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
    border-color: #241858;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
    border-color: #241858;
    background: #241858;
}

.RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span {
    /* The Sunday column is not rendering correctly because it's in a <th>
     instead of a <td>. This corrects the issue.
  */
    display: block;
    padding: .08em .4em;
    text-decoration: none;
    outline: 0;
}

.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th {
    font-size: 100%;
    padding: 0;
}

.RadCalendar.RadCalendar_Metro .rcRow a, .RadCalendar.RadCalendar_Metro .rcRow span {
    display: block;
    padding: 0 .6em;
    text-decoration: none;
    outline: 0;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow th {
    padding: 0;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro, .RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input {
    font-family: inherit;
    font-weight: inherit;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
    background: #241858;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
    background: #241858;
    border-color: #241858;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
    font-family: inherit;
    font-weight: inherit;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
    border-color: #241858;
    background: #241858;
}

.RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active, .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
    background-color: #241858;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
    width: inherit;
    text-indent: inherit;
}

/* ==========================================================================
   JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* Home page full width area
   ========================================================================== */
/* This is for the full width area of the Cities and Cities_Responsive home page.
 * It uses a content area to acheive the full width
 */
.HomePageFullWidthArea>.ContentItemContainer>.panel:not(.panel-border), .HomePageFullWidthArea>.ContentItemContainer>div>.panel:not(.panel-border) {
    /* if borders are not turned on don't leave the space for them */
    border-width: 0;
}

.HomePageFullWidthArea>.ContentItemContainer>.panel>.panel-body-container>.panel-body, .HomePageFullWidthArea>.ContentItemContainer>div>.panel>.panel-body-container>.panel-body {
    /* Turn off the padding on iPart panels */
    padding: 0;
}

/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
    height: 350px;
    width: 100%;
    position: relative;
}

.HeroBackground {
    height: 100%;
    background: #009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
    background-size: cover;
}

.HeroContent {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8px 0;
    background-color: #000;
    /* Fallback for IE8, which doesn't support rgba */
    background-color: rgba(0, 0, 0, 0.75);
}

.HeroContent h1, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText {
    color: #fff;
    margin: 0 8px 8px 8px;
}

.HeroContent .TextButton {
    float: right;
}

/* Responsive Hero Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
/* Note: this is actually a static hero image and text.
 * For the Slideshow iPart styles see Carousel.
 */
.Slider.FullWidth {
    height: 24em;
    background-image: url(images/sliderpage6.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.Slider.FullWidth h1 {
    font-size: 280%;
}

@media (min-width: 768px) {
    .Slider.FullWidth h1 {
        font-size: 320%;
    }
}

.Slider.FullWidth .SliderPage1 {
    height: 100%;
}

.Slider.FullWidth .SliderPage1 h1 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.2;
}

.Slider.FullWidth .SliderPage1 .SliderContent {
    /* remove the margins put on by the container */
    margin-left: -15px;
    margin-right: -15px;
    /* then add it back on */
    padding: 15px;
    /* Fallback for IE8, which doesn't support rgba */
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    position: absolute;
    bottom: 0;
    max-height: 100%;
    overflow: auto;
}

@media (min-width: 768px) {
    .Slider.FullWidth .SliderPage1 .SliderContent {
        border-radius: 5px;
        position: inherit;
        float: right;
        width: 36em;
        margin: 1em;
        max-height: 22em;
    }
}

.Slider.FullWidth .SliderPage1 .SliderText {
    overflow-y: auto;
    line-height: 1.7em;
    color: #fff;
}

.Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 {
    color: inherit;
}

.Slider.FullWidth .SliderPage1 p:last-child {
    margin-bottom: 0;
}

.Slider.FullWidth .SliderPage1 .ActionButton {
    margin-top: 1em;
    text-align: right;
}

/* Responsive "Jumbotron"
   ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content {
    max-height: 100%;
}

.jumbotron.home, .jumbotron.interior {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.jumbotron.home {
    height: 24em;
}

.jumbotron.home h1 span, .jumbotron.home .ActionButton {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1170px;
}

.jumbotron.home h1 {
    color: #fff;
    margin-top: 0;
    padding-top: .3em;
    padding-bottom: .3em;
    text-align: center;
    font-weight: normal;
    font-size: 280%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.45);
}

@media (min-width: 768px) {
    .jumbotron.home h1 {
        font-size: 320%;
    }
}

@media (min-width: 768px) {
    .jumbotron.home h1 span {
        padding-left: 8%;
        padding-right: 8%;
    }
}

.jumbotron.home .ActionButton {
    text-align: right;
}

@media (min-width: 768px) {
    .jumbotron.home .ActionButton {
        padding-right: 12%;
    }
}

.jumbotron.interior {
    height: 20em;
}

.jumbotron.interior p {
    padding: 1.5em 1em 0.8em;
    font-size: 150%;
    margin-bottom: 0;
}

.jumbotron.interior p::after {
    display: block;
    clear: both;
    content: "";
}

.jumbotron.interior .ActionButton {
    clear: both;
    padding-left: 3em;
    padding-right: 3em;
}

@media (max-width: 767px) {
    .jumbotron.interior .jumbotron-content {
        height: 100%;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.65);
        text-align: center;
    }
}

@media (min-width: 480px) {
    .jumbotron.interior p {
        font-size: 170%;
    }
}

@media (min-width: 768px) {
    .jumbotron.interior {
        height: 25em;
    }

    .jumbotron.interior p {
        font-size: 200%;
    }

    .jumbotron.interior .jumbotron-text span {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.55);
        padding: 0 .45em;
        margin-bottom: .2em;
        float: left;
        clear: left;
    }

    .jumbotron.interior.AlignRight .jumbotron-text span {
        float: right;
        clear: right;
    }
}

.jumbotron .img-copyright, .carousel .img-copyright {
    position: absolute;
    bottom: .5em;
    right: 1em;
    font-size: 70%;
}

.jumbotron .img-copyright a, .jumbotron .img-copyright a:hover, .jumbotron .img-copyright a:focus, .jumbotron .img-copyright a:visited, .jumbotron .img-copyright a:active, .carousel .img-copyright a, .carousel .img-copyright a:hover, .carousel .img-copyright a:focus, .carousel .img-copyright a:visited, .carousel .img-copyright a:active {
    color: #fff;
}

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}

.carousel h2, .carousel .panel-heading {
    border-bottom: none;
}

@media (max-width: 991px) {
    .carousel h1 {
        font-size: 200%;
    }
}

.carousel2 .carousel-caption .img-copyright {
    right: 15%;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
    color: #333333;
}

.CommunityLinksBlock a:hover {
    background-color: #4b399d;
    color: #333333;
    text-decoration: none;
}

.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
    background-color: #150f2e;
    color: White;
    font-weight: bold;
    text-decoration: none;
}

/* Community breadcrumb */
.BreadCrumbCurrent {
    font-size: 120%;
    font-weight: bold;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
    background-color: #150f2e;
}

.CommunityItemTitle {
    font-size: 110%;
    padding: .25em 0;
}

.CommunityProfilePicture img {
    border-radius: 5px;
}

.CommunityReplyForm, .CommunityCommentItem {
    background: #f2f2f2;
    border-left: 10px solid #ddd;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
    background: #f2f2f2;
}

/* For adding comments */
.CommunityWikiReplyForm {
    background: #f2f2f2;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerInterior {
    overflow: hidden;
    height: 275px;
    position: relative;
}

.DonorBannerTextBackgroundHome {
    background: none repeat scroll 0 0 #191919;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    float: right;
    height: 292px;
    width: 450px;
    margin: 20px;
}

.DonorBannerTextBackgroundInterior {
    background: none repeat scroll 0 0 #191919;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    float: right;
    height: 236px;
    width: 450px;
    margin: 20px;
}

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
    color: #fff;
    font-size: 280%;
    background: none;
    margin: 0.4em;
}

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
    color: #fff;
    font-size: 120%;
    line-height: 1.6em;
    margin: 1em;
    padding: 0.4em;
}

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
    background-color: #8F2117;
    padding: 2em;
    margin: 20px;
    border-radius: 5px;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    color: #fff;
}

.CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutArea1 a.FeatureActionLink, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption, .CalloutBlockType1 a.FeatureActionLink {
    color: #fff;
}

.CalloutArea1 a, .CalloutBlockType1 a {
    color: #fff;
}

.CalloutArea1 .Error, .CalloutBlockType1 .Error {
    color: #eeeeee !important;
}

.CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
    border-bottom: none;
}

.CalloutArea2 {
    background-color: #3973D1;
    padding: 2em;
    margin: 20px;
    border-radius: 5px;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    color: #fff;
}

.CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
    border-bottom: none;
}

.CalloutArea3 {
    background-color: #8F2117;
    padding: 2em;
    margin: 20px;
    border-radius: 5px;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    color: #fff;
}

.CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
    color: #fff;
}

.CalloutArea3 a {
    color: #fff;
}

.CalloutArea3 .Error {
    color: #eeeeee !important;
}

.CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
    border-bottom: none;
}

.CalloutPart2 .panel-heading, .CalloutPart2 .panel-body {
    background-color: #f6f6f6;
}

.CalloutPart1 .panel-heading, .CalloutPart1 .panel-body {
    background-color: #4b399d;
}

.CalloutPart2 .panel-heading.Distinguish, .CalloutPart1 .panel-heading.Distinguish {
    background-color: transparent;
}

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
    padding: 20px;
    background-color: #f6f6f6;
}

.ContentBlockPrimary .Quote {
    background-color: #fff;
}

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2, .SecondaryColumn .PanelTitle, .SecondaryColumn .panel-title {
    font-family: inherit;
    font-weight: bold;
    font-size: 90%;
    color: #999999;
    text-transform: uppercase;
}

.SecondaryColumn h2, .SecondaryColumn .PanelHead, .SecondaryColumn .TitleBarCaption, .SecondaryColumn .panel-heading {
    border-bottom: none;
}

.SecondaryColumn .PanelHead, .SecondaryColumn .panel-heading {
    padding: 0 4px;
}

.SecondaryColumn .CommunityBlogItem {
    padding: 0 0 0 10px;
}

.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
    padding: 0;
}

.SecondaryColumn .CommunityItemTitle {
    font-weight: normal;
    font-size: inherit;
}

.SecondaryColumn .RadGrid .rgRow td, .SecondaryColumn .RadGrid .rgNoRecords td {
    padding: 4px;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea, .ContentBlockLeft {
    width: 250px;
    float: left;
    margin-right: .5em;
    margin-bottom: .5em;
}

.ContentBlockPictureArea.FloatRight, .ContentBlockLeft.FloatRight {
    float: right;
    margin-left: .5em;
}

.ContentBlockPictureArea img, .ContentBlockLeft img {
    max-width: 100%;
    height: auto !important;
}

.BlockList ul {
    margin: 0;
    padding: 0;
}

.BlockList li {
    list-style: none;
}

.BlockList a {
    display: block;
    text-decoration: none;
    padding: 20px;
}

.BlockList a:hover {
    background-color: #eeeeee;
}

.BlockList a span {
    text-decoration: underline;
}

.BlockList p {
    color: #333333;
    margin-bottom: 0;
}

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
    display: block;
    text-decoration: none;
    padding: 10px 0;
}

.BlockTLItem, .BlockList li {
    border-bottom: 1px dotted #ddd;
}

.BlockTLItem h4, .BlockList h4 {
    font-size: 110%;
    font-weight: normal;
}

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
    font-size: 85%;
    font-style: italic;
}

/* Use on the blockquote element for a styled quote */
.Quote {
    background: #f6f6f6;
    border-left: 10px solid #8F2117;
    margin: 1.5em .7em 1.5em 0;
    padding: 1.5em .7em;
    quotes: "\201C""\201D""\201C""\201D";
    font-weight: normal;
}

.Quote:before {
    color: #8F2117;
    content: open-quote;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-size: 500%;
    line-height: 0.1em;
}

.Quote p {
    display: inline;
}

.Quote cite {
    display: block;
    margin-left: 1em;
    margin-top: .5em;
    font-style: italic;
}

.Quote cite:before {
    content: "— ";
}

@media (min-width: 768px) {
    .Quote {
        font-size: 120%;
    }

    .Quote cite {
        font-size: 90%;
        margin-left: 2em;
    }
}

.QuoteStyle2 {
    border-left-color: #3973D1;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child, .CalloutPanelField1.PanelField label:first-child, .CalloutPanelField1 .PanelField .Label:first-child, .CalloutPanelField1.PanelField .Label:first-child {
    position: relative;
    padding: 15px;
    margin: 0 0 1em;
    color: #fff;
    background: #bb2b1e;
    width: auto;
    border-radius: 3px;
}

.CalloutPanelField1 .PanelField label:first-child:after, .CalloutPanelField1.PanelField label:first-child:after, .CalloutPanelField1 .PanelField .Label:first-child:after, .CalloutPanelField1.PanelField .Label:first-child:after {
    content: "";
    position: absolute;
    bottom: -8px;
    /* value = - border-top-width - border-bottom-width */
    left: 30px;
    /* controls horizontal position */
    border-width: 8px 8px 0;
    /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #bb2b1e transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
    border-color: #ddd;
}

.TotalBox label {
    background-color: #8F2117;
    color: #fff;
    padding: .25em .75em;
    color: #fff;
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .RadMultiPage {
    background-color: #f6f6f6;
}

.CCOGrayBg .yui-g {
    float: none;
}

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish {
    border-bottom: none;
}

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
    color: #595959;
    font-size: 150%;
    line-height: 170%;
}

/* Use the CenterText class to center the text within the iPart */
.CenterText {
    text-align: center;
}

.FullWidthButtons .btn, .FullWidthButtons .TextButton {
    display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
    transition: all 0.2s ease 0;
    font-family: "Montserrat", sans-serif;
    font-size: 110%;
    font-weight: 600;
    line-height: 1.5em;
    padding: 8px 0;
    text-decoration: none;
}

@media screen and (prefers-reduced-motion: reduce) {
    a.FeatureActionLink {
        transition: none;
    }
}

@media (min-width: 992px) {
    a.FeatureActionLink {
        font-size: 150%;
    }
}

a.FeatureActionLink:hover {
    text-decoration: underline;
}

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
    text-align: center;
}

.Spotlight img, .Spotlight h4 {
    text-align: center;
}

@media (min-width: 768px) {
    .Spotlight .ImageWrapper {
        height: 160px;
    }
}

.Spotlight .TextButton {
    margin-top: 1em;
}

.Spotlight p {
    text-align: center;
    padding-top: 0.4em;
}

.Spotlight a img {
    transition: opacity 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .Spotlight a img {
        transition: none;
    }
}

.Spotlight a img:hover {
    opacity: .8;
}

.SpotlightRow {
    margin-bottom: 1.2em;
}

.SpotlightRow::after {
    display: block;
    clear: both;
    content: "";
}

@media (min-width: 768px) {
    .SpotlightRow.ThreeAcross .Spotlight {
        float: left;
        width: 33%;
        padding-left: 5%;
        padding-right: 5%;
    }
}

/* Feature Header
   ========================================================================== */
.feature-header {
    color: #8F2117;
    border-bottom: none;
    margin-bottom: .8em;
}

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
    margin-bottom: 1em;
}

.feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited {
    text-decoration: none;
    color: #fff;
}

.feature-link-with-image .feature-link-wrapper {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 17em;
    margin-bottom: 20px;
}

.feature-link-with-image .feature-link-text {
    height: 100%;
    padding: .8em;
    font-size: 110%;
}

@media (min-width: 480px) {
    .feature-link-with-image .feature-link-text {
        width: 45%;
    }
}

.feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 {
    margin-top: 0;
}

.feature-link-with-image.feature-link-1 .feature-link-text {
    background-color: #8F2117;
    background-color: rgba(143, 33, 23, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
    background-color: #631710;
    background-color: rgba(99, 23, 16, 0.75);
}

.feature-link-with-image.feature-link-2 .feature-link-text {
    background-color: #241858;
    background-color: rgba(36, 24, 88, 0.75);
}

.feature-link-with-image.feature-link-2:hover .feature-link-text {
    background-color: #140d30;
    background-color: rgba(20, 13, 48, 0.75);
}

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
    color: #8F2117;
}

/* Header Links
   ========================================================================== */
.header-link {
    border-bottom: none;
}

.header-link a {
    text-decoration: none;
}

.header-link a, .header-link a:visited {
    color: #333333;
}

.header-link a:hover, .header-link a:active, .header-link a:focus {
    color: #8F2117;
}

/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-conference-tall {
    background-color: #081337;
    background-image: url("../../images/samples/annualconference/conferencebannertall.jpg");
}

.bg-img-conference-small {
    background-color: #081337;
    background-image: url("../../images/samples/Member/cairnsnight.jpg");
}

.bg-img-tiger-tall {
    background-color: #04080B;
    background-image: url("../../images/samples/donor/tiger-tall.jpg");
    background-position: center center;
}

.bg-img-red-panda {
    background-color: #57574b;
    background-image: url("../../images/samples/Donor/red-panda.jpg");
}

.bg-img-tiger-swimming {
    background-color: #1c1705;
    background-image: url("../../images/samples/Donor/tiger-swimming.jpg");
}

.bg-img-highland-cow {
    background-color: #e4e0cd;
    background-image: url("../../images/samples/Donor/highland-cow.jpg");
}

.bg-img-volunteer-canoes {
    background-color: #8aa15b;
    background-image: url("../../images/samples/Donor/volunteer-canoes.jpg");
}

.bg-img-elephant-with-mountains {
    background-color: #748610;
    background-image: url("../../images/samples/Donor/elephant-with-mountains.jpg");
}

.bg-img-wildlife-refuge {
    background-color: #6d7f2d;
    background-image: url("../../images/samples/Donor/wildlife-refuge.jpg");
}

.bg-img-poplar-trees {
    background-color: #737e23;
    background-image: url("../../images/samples/Donor/poplar-trees.jpg");
    background-position: top center !important;
}

.bg-img-swamp {
    background-color: #bbbdb8;
    background-image: url("../../images/samples/Donor/swamp.jpg");
}

.bg-img-roseate-terns {
    background-color: #8f9949;
    background-image: url("../../images/samples/Donor/roseate-terns.jpg");
    background-position: center 88% !important;
}

.banner-tall, .banner-short {
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 5px;
}

.banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 {
    color: #fff;
}

.banner-text h2 {
    font-size: 100%;
}

.banner-tall {
    height: 500px;
    max-width: 300px;
}

.banner-tall .banner-text {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 0 0 5px 5px;
}

.banner-short {
    min-height: 150px;
    max-width: 300px;
}

.banner-short .banner-text {
    padding: 5px;
    min-height: 150px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
    font-size: 70%;
}

/* Donation page enhancements
   ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .GiftItemName {
    color: #8F2117;
    font-size: 38px;
}

.donate-page .GiftItemDescription {
    font-size: 125%;
}

/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
    background-color: #f6f6f6;
    padding: 10px;
}

.AltBgColor2>.panel {
    background-color: #00abbe;
}

a:hover .AltBgColor2>.panel, a:active .AltBgColor2>.panel, a:focus .AltBgColor2>.panel {
    background-color: #009daf;
}

.AltBgColor2>.panel.panel-border {
    border-color: #0094a5;
}

.AltBgColor2>.panel, .AltBgColor2>.panel h2 {
    color: #fff;
}

.AltBgColor2>.panel a, .AltBgColor2>.panel a:hover, .AltBgColor2>.panel a:active, .AltBgColor2>.panel a:focus, .AltBgColor2>.panel a:visited {
    color: #fff;
    text-decoration: underline;
}

.AltBgColor2>.panel .ProgressBar>span {
    background-color: #fff;
}

.AltBgColor3>.panel {
    background-color: #8F2117;
}

a:hover .AltBgColor3>.panel, a:active .AltBgColor3>.panel, a:focus .AltBgColor3>.panel {
    background-color: #821e15;
}

.AltBgColor3>.panel.panel-border {
    border-color: #791c13;
}

.AltBgColor3>.panel, .AltBgColor3>.panel h2 {
    color: #fff;
}

.AltBgColor3>.panel a, .AltBgColor3>.panel a:hover, .AltBgColor3>.panel a:active, .AltBgColor3>.panel a:focus, .AltBgColor3>.panel a:visited {
    color: #fff;
    text-decoration: underline;
}

.AltBgColor3>.panel .ProgressBar>span {
    background-color: #fff;
}

.AltBgColor4>.panel {
    background-color: #e98300;
}

a:hover .AltBgColor4>.panel, a:active .AltBgColor4>.panel, a:focus .AltBgColor4>.panel {
    background-color: #da7a00;
}

.AltBgColor4>.panel.panel-border {
    border-color: #d07500;
}

.AltBgColor4>.panel, .AltBgColor4>.panel h2 {
    color: #fff;
}

.AltBgColor4>.panel a, .AltBgColor4>.panel a:hover, .AltBgColor4>.panel a:active, .AltBgColor4>.panel a:focus, .AltBgColor4>.panel a:visited {
    color: #fff;
    text-decoration: underline;
}

.AltBgColor4>.panel .ProgressBar>span {
    background-color: #fff;
}

.AltBgColor5>.panel {
    background-color: #8e51ae;
}

a:hover .AltBgColor5>.panel, a:active .AltBgColor5>.panel, a:focus .AltBgColor5>.panel {
    background-color: #854ca4;
}

.AltBgColor5>.panel.panel-border {
    border-color: #80499d;
}

.AltBgColor5>.panel, .AltBgColor5>.panel h2 {
    color: #fff;
}

.AltBgColor5>.panel a, .AltBgColor5>.panel a:hover, .AltBgColor5>.panel a:active, .AltBgColor5>.panel a:focus, .AltBgColor5>.panel a:visited {
    color: #fff;
    text-decoration: underline;
}

.AltBgColor5>.panel .ProgressBar>span {
    background-color: #fff;
}

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body, .ProgressTracker_Dashboard_Overview .panel-body {
    padding-top: 0;
}

.ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label {
    font-size: 120%;
    display: block;
    margin-top: 10px;
}

.ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar {
    margin-left: -10px;
    margin-right: -10px;
}

.ProgressTracker2 ul, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard_Overview ul {
    margin: 0;
    padding: 0;
}

.ProgressTracker2 ul, .ProgressTracker2 li, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard li, .ProgressTracker_Dashboard_Overview ul, .ProgressTracker_Dashboard_Overview li {
    list-style-type: none;
}

.ProgressTracker2 .count, .ProgressTracker_Dashboard .count, .ProgressTracker_Dashboard_Overview .count {
    font-weight: bold;
    display: block;
    line-height: 1;
    letter-spacing: -1px;
}

.ProgressTracker2 .label, .ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label {
    line-height: 1;
}

.ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
}

.ProgressTracker2 .ProgressBar>span, .ProgressTracker_Dashboard .ProgressBar>span, .ProgressTracker_Dashboard_Overview .ProgressBar>span {
    display: block;
    height: 100%;
    background-color: #8F2117;
    position: relative;
    overflow: hidden;
}

.ProgressTracker2 p, .ProgressTracker_Dashboard p, .ProgressTracker_Dashboard_Overview p {
    margin-bottom: 0;
}

.ProgressTracker_Dashboard .panel-heading.Distinguish {
    padding-bottom: 0;
}

.ProgressTracker_Dashboard .inset {
    display: block;
    padding-bottom: 15px;
}

.ProgressTracker2 .count, .ProgressTracker_Dashboard .count {
    font-size: 350%;
}

.ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar {
    padding: 0;
    height: 18px;
}

.ProgressTracker_Dashboard_Overview .panel {
    /* default the overview PTs to the same height */
    min-height: 10em;
}

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
    border-bottom-color: transparent;
}

.ProgressTracker_Dashboard_Overview .count {
    font-size: 250%;
}

.ProgressTracker_Dashboard_Overview .ProgressBar {
    height: 5px;
    margin-bottom: 5px;
}

.StaffDashboard h2, .StaffDashboard .panel-heading.Distinguish, .StaffDashboard .PanelHead.Distinguish, .StaffDashboard .TitleBarCaption {
    border-bottom-color: transparent;
}

.StaffDashboard h2.Collapsible, .StaffDashboard .panel-heading.Distinguish.Collapsible, .StaffDashboard .PanelHead.Distinguish.Collapsible, .StaffDashboard .TitleBarCaption.Collapsible {
    border-bottom-color: #ddd;
}

:root {
    --color-base: #241858;
    --color-callout: #8F2117;
    --color-secondary-a: #3973D1;
    --color-secondary-b: #F4F3F8;
    --color-neutral: #424242;
    --color-alt-bg: #f6f6f6;
}

.fa, .far, .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

@media (min-width: 768px) {
    .aux-nav-container>div {
        display: inline-block;
    }
}

ul.no-bullet {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

ul.social-area {
    display: inline-block;
    list-style-type: none;
    padding-left: 10px;
    margin: 0;
}

.social-area li {
    display: inline-block;
    padding-left: 0;
    font-size: 24px;
    margin-right: 0.5em;
}

.social-area li a {
    color: #fff;
}

/* ==========================================================================
// hide nav item in primary so you can not have on primary menu but maintain siblings
  ========================================================================== */
.primary-navigation-area .rmRootGroup.rmHorizontal>.rmItem>.rmLink.hide-in-primary {
    display: none;
}

@media (min-width: 768px) {
    /* ==========================================================================
// hide side nav to allow full width bg and content 
  ========================================================================== */.no-side-nav .has-secondary-col.col-on-left .col-primary {
        width: 100%;
        margin-right: 0;
    }

    .no-side-nav .col-secondary {
        display: none !important;
    }
}

/* ///////////////////// \\\\\\ */
/*  STYLES FOR ATS WORK ON THEME AND FULL WIDTH METHOD */
/* ///////////////////// \\\\\\ */
/* To prevent Horizontal Scroll from Full Width Bg Row */
footer#ft {
    display: block;
    height: auto;
}

body.has-full-width #masterContentArea.container {
    max-width: none;
    margin: 0;
}

.row.full-width-content.row.Inserted div[class*="col"] {
    padding: 0;
}

.row.full-width-content.Inserted .container.Inserted {
    max-width: none;
    padding: 0;
}

@media (min-width: 1023px) {
    /* Full Width Content */ .row.full-width-content.Inserted .container.Inserted {
        max-width: none;
    }

    .row.Inserted .row.Inserted {
        margin-left: 0;
        margin-right: 0;
    }

    .row.full-width-content img {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .ContentRecordPageAnchor img {
        width: auto !important;
    }
}

.row.WebPartZone.full-width-content.Inserted, .row.WebPartZone.full-width-bg.Inserted {
    width: auto;
    /*prvents H-scroll with nested BT Grid */
}

.has-full-width .iMIS-WebPart>.ContentItemContainer, .has-full-width .WebPartZone>.ContentItemContainer {
    margin-bottom: 0;
}

/* Start/End Group */
.group-padding .row.Inserted {
    padding: 4em 0;
}

.start-group-padding .row.Inserted {
    padding-top: 4em;
}

.end-group-padding .row.Inserted {
    padding-bottom: 4em;
}

.thin-group-padding .row.Inserted {
    padding: 2em 0;
}

.start-thin-group-padding .row.Inserted {
    padding-top: 2em;
}

.end-thin-group-padding .row.Inserted {
    padding-bottom: 2em;
}

.thick-group-padding .row.Inserted {
    padding: 6em 0;
}

.start-thick-group-padding .row.Inserted {
    padding-top: 6em;
}

.end-thick-group-padding .row.Inserted {
    padding-bottom: 6em;
}

.float-left {
    float: left !important;
    margin: 0 1rem 1rem 0;
}

.float-right {
    float: right !important;
    margin: 0 0 1rem 1rem;
}

.float-none {
    float: none !important;
    margin: 1rem auto;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
        margin: 0 1rem 1rem 0;
    }

    .float-sm-right {
        float: right !important;
        margin: 0 0 1rem 1rem;
    }

    .float-sm-none {
        float: none !important;
        margin: 1rem auto;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
        margin: 0 1rem 1rem 0;
    }

    .float-md-right {
        float: right !important;
        margin: 0 0 1rem 1rem;
    }

    .float-md-none {
        float: none !important;
        margin: 1rem auto;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
        margin: 0 1rem 1rem 0;
    }

    .float-lg-right {
        float: right !important;
        margin: 0 0 1rem 1rem;
    }

    .float-lg-none {
        float: none !important;
        margin: 1rem auto;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
        margin: 0 1rem 1rem 0;
    }

    .float-xl-right {
        float: right !important;
        margin: 0 0 1rem 1rem;
    }

    .float-xl-none {
        float: none !important;
        margin: 1rem auto;
    }
}

.TextButton {
    outline: 1px solid #fff !important;
}

.ste-toggle.off {
    background-position: -41px -107px;
}

.modal-footer .btn+.btn {
    margin-bottom: 5px;
}

.fade-in {
    display: none;
}

.hp-hero {
    display: none;
}

.menu-toggle-ipart-container {
    display: none;
}

.aux-ipart-area-container a {
    font-size: 14px;
    text-transform: uppercase;
}

.UtilitySTEToggle a {
    font: 0/0 a;
}

.aux-ipart-area-container {
    background-color: #241858;
}

.photo-bg {
    background-image: url(/images/SFAA/wrapper/site-bg/site-bg-b.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    margin: auto;
}

header .UtilityNavigationList .NavigationUnorderedList>li>a {
    border-left: 1px solid #fff;
    line-height: 1em;
}

footer .UtilityNavigationList .NavigationUnorderedList>li>a {
    border-right: 1px solid #fff;
    line-height: 1em;
}

.UtilitySection.UtilityAuthentication {
    line-height: 42px;
}

.UtilitySection.UtilityAuthentication .auth-link {
    vertical-align: middle;
    display: block;
    line-height: 1em;
    position: relative;
    top: 1px;
}

.NavigationListItem[class*="aux-nav-icon"] .nav-text {
    display: inline-block;
    overflow: hidden;
    text-indent: -2000px;
}

.NavigationListItem[class*="aux-nav-icon"] .NavigationLink:before {
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.aux-nav-icon-search .NavigationLink:before {
    content: "\f002";
}

.aux-nav-icon-cart .NavigationLink:before {
    content: "\f07a";
}

.aux-nav-icon-cart .cartFull {
    position: relative;
    top: -5px;
}

.aux-nav-button {
    background-color: #8F2117;
    padding: 5px 10px;
}

.UtilityAuthenticationLink.auth-link {
    position: relative;
    margin-right: 7.5px;
}

.UtilityNavigationList .NavigationUnorderedList>li.aux-nav-button>a /*,
.UtilityNavigationList .NavigationUnorderedList > li.aux-nav-icon-search > a*/
{
    border: none;
}

.UtilityNavigationList .NavigationUnorderedList>li.aux-nav-icon-search {
    margin-right: 5px;
    position: relative;
    /*top: -2px;*/
}

.HomePageFullWidthArea {
    background-color: #000;
}

.home-page {
    font-size: 18px;
}

.home-page .photo-bg {
    background-image: url(/images/SFAA/wrapper/site-bg/site-bg-home-page.jpg);
    /* height: 40vw; */
    /* max-height: 700px; */
    padding-bottom:1rem;
}

.home-page .section-caption {
    display: none;
}

.home-page .home-page-sign-in-ipart {
    font-size: 16px;
}

.home-page .home-page-sign-in-ipart a {
    font-size: 14px;
}

.home-page .welcome-sign-in {
    background-color: #f4f3f8db;
    padding: 45px;
    float: left;
    clear: both;
}`

.home-page .welcome-sign-in h1 {
    line-height: 1.1em;
}

.home-page .welcome-sign-in p {
    font-size: 20px;
}

@media (min-width: 768px) {
    .home-page .welcome-sign-in {
        /* margin-top: -100px; */
        max-width:1170px;
        margin: 4rem auto;
        float: none;
    }
}

.home-page div[data-label="On Behalf Of"], .home-page .int-section-banner.fade-in {
    /* display: none !important; */
}

.home-page.not-logged-in .welcome-sign-in .iMIS-WebPart {
    float: left;
}

.home-page.not-logged-in .welcome-sign-in .iMIS-WebPart:first-child {
    width: calc(100% - 310px);
    padding-right: 20px;
}

/* Full Width Bg */
.full-width-bg.Inserted.bg-light-grey {
    background-color: #f6f6f6;
}

.full-width-bg.Inserted.bg-magazine {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(/images/SFAA/home-page/bg-magazine.jpg);
    background-size: cover;
    position: relative;
    background-position: center center;
}

.full-width-bg.Inserted.bg-advocacy {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(/images/SFAA/home-page/bg-advocacy.jpg);
    background-size: cover;
    position: relative;
    background-position: center center;
}

/* Feature-HOVER */
.ftr-hover {
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    margin-bottom: 1em;
}

.ftr-hover img {
    display: none;
    /* Because Jquery is making it background image.*/
}

.ftr-hover .ContentItemContainer {
    margin-bottom: 0;
}

.ftr-hover .ftr .caption {
    position: absolute;
    display: block;
    top: calc(100% - 55px);
    width: 100%;
    padding: 0 1em;
    transition: top 0.5s;
}

.ftr-hover.two-line-heading .ftr .caption h2 {
    margin-top: .5em;
}

.ftr-hover .ftr .caption h2 {
    margin: 1em auto;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    line-height: 1.1em;
    color: #fff !important;
    text-align: center;
    border: none;
}

.ftr-hover .ftr .caption p {
    opacity: 0;
    color: #fff !important;
    text-align: center;
    border: none;
    margin-top: 0.5em;
}

.ftr-hover.ftr-a .caption {
    background-color: rgba(36, 24, 88, 0.7);
}

.ftr-hover.ftr-b .caption {
    background-color: rgba(143, 33, 23, 0.7);
}

.ftr-hover.ftr-b .ftr {
    background-position: top right;
}

.ftr-hover.ftr-c .caption {
    background-color: rgba(57, 115, 209, 0.7);
}

.ftr-hover.ftr-c .ftr {
    background-position: top left;
}

/* ---------- HOVER Transforms ------ */
.ftr-hover .my_link_group_href {
    text-decoration: none;
}

.ftr-hover:hover .caption h2 {
    background-color: transparent;
    margin-bottom: 0.5em;
}

.ftr-hover:hover .caption p, .ftr-hover:active .caption p {
    opacity: 1;
}

.ftr-hover .ftr:hover .caption, .ftr-hover .ftr:active .caption {
    opacity: 1;
    top: 0;
    bottom: 0;
    display: block;
    text-shadow: 1px 1px 4px #333;
    transition: top 0.5s;
}

.ftr-hover .TextButton {
    padding: 0.5em 1em !important;
    background-color: transparent;
}

.ftr-hover .TextButton:hover {
    background-color: white;
    color: #333;
    text-shadow: none;
}

/* RESPONSIVE FOR FTR-HOVER */
.ftr-hover .ftr {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    height: 325px;
}

@media (max-width: 896px) {
    .ftr-hover .ftr {
        height: 325px;
    }

    .ftr-hover .ftr .caption {
        padding: 0 1em;
        top: calc(100% - 106px);
    }

    .ftr-hover .ftr .caption {
        padding: 0 1em;
        top: calc(100% - 75px);
    }
}

@media (width: 767px) {
    .ftr-hover .ftr .caption {
        padding: 0 1em;
        top: calc(100% - 55px);
    }
}

/* Remove Hover Animation on Mobile */
/* @media (max-width: 767px) {
    .ftr-hover.ftr-a .caption {
      background-color: rgba(36, 24, 88, 0.4);
    }
    
  .ftr-hover .ftr {
    height: auto;
  }

  .ftr-hover .ftr .caption {
    position: static;
    padding: 1rem;
    opacity: 1;
    top: 0;
    bottom: 0;
    display: block;
    text-shadow: 1px 1px 4px #333;
    transition: top 0.5s;
  }

  .ftr-hover .ftr .caption p {
    opacity: 1;
  }
} */
.home-page h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1em;
}

.home-page h2 sup {
    top: -12px;
    margin-top: 30px;
}

.home-page .bg-magazine .col-sm-4 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.hp-magazines {
    padding: 0px 35px;
    margin: auto;
}

.hp-magazines img {
    margin: auto;
}

.hp-magazines h3 {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    background-color: #333;
    max-width: 280px;
    margin: auto;
    padding: 0.5em 0;
}

.hp-magazines .slick-prev {
    left: 0;
}

.hp-magazines .slick-next {
    right: 0;
}

.hp-magazines .slick-prev, .hp-magazines .slick-next {
    width: 34px;
}

.hp-magazines .slick-prev:before, .hp-magazines .slick-next:before {
    color: #333;
    font-size: 35px;
}

.hp-magazines a {
    text-decoration: none;
}

.hp-events {
    list-style-type: none;
    padding-left: 0;
}

.hp-events li {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

.hp-events li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.hp-events h3 {
    color: #3973D1;
}

.hp-events .icon {
    font-size: 105px;
    line-height: 1em;
    min-width: 25%;
    text-align: center;
}

.hp-events a {
    color: initial;
    text-decoration: none;
}

.home-page .hp-events a:hover, .home-page .hp-events a:hover h3 {
    color: #3973D1;
}

.hp-events p {
    margin: 0;
}

.bg-advocacy {
    text-align: center;
}

.bg-advocacy h2 strong {
    font-weight: 200;
}

.bg-advocacy p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.sf-housing-foundation {
    text-align: center;
}

.sf-housing-foundation h2 strong {
    font-weight: 200;
}

#masterMainBreadcrumb {
    font-size: 75%;
}

.int-section-banner {
    background-size: cover;
    text-align: center;
    position: relative;
}

.section-caption {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0.5em 1em;
    margin: 5vw auto;
    color: #241858;
    font-size: 48px;
    font-weight: 200;
    text-transform: uppercase;
}

footer .row {
    margin: 0;
}

footer .row:first-child {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #fff;
}

footer .row:first-child .col-sm-12>div {
    margin-right: 3em;
}

footer .row:first-child .col-sm-12>div:last-child {
    margin-right: 0;
}

footer .container {
    padding: 2em 0;
}

@media (max-width: 1190px) {
    .hd-logo {
        width: 21vw;
    }

    .header-logo-container.float-md-left {
        min-height: 108px;
        padding-top: 30px;
    }
}

@media (max-width: 830px) {
    .aux-ipart-area-container a:not(.ste-toggle) {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .header-logo-container.float-md-left {
        min-height: unset;
        padding: 10px !important;
    }

    .hd-logo {
        width: 25vw;
    }
}

@media (max-width: 767px) {
    .photo-bg {
        background-image: url(/images/SFAA/wrapper/site-bg/site-bg-b-small.jpg);
        /* background-size: 100%; */
    }

    #masterHeaderBackground, .header {
        background-color: transparent;
    }

    .hd-logo {
        width: 235px;
    }

    .header-top-container {
        text-align: center;
    }

    .menu-toggle-ipart-container {
        display: inline-block;
    }

    .header-logo-container.float-md-left .WTZone>div {
        display: inline-block;
    }

    .base-elements .TextButton {
        font-size: 90% !important;
    }

    header .UtilityNavigationList .NavigationUnorderedList>li>a {
        border-left: none;
    }

    .NavigationListItem.aux-nav-button {
        display: none;
    }

    .aux-ipart-area-container {
        padding: 15px 5px;
        background-color: rgba(36, 24, 88, 0.6);
    }

    .navbar-header.nav-auxiliary {
        margin: 15px 0;
        float: none;
    }

    .UtilitySection.UtilityAuthenticationLink.auth-link {
        display: block;
        padding: .25em .5em;
        background-color: #8F2117;
        outline: 1px solid #fff;
        line-height: 25px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .aux-ipart-area-container .UtilityNavigationList {
        /* display: block; */
        /* width: 100%; */
    }

    .aux-ipart-area-container .NavigationLink {
        padding: 10px;
    }

    .navbar-collapse.nav-primary {
        border-top: 1px solid #000;
    }

    /*.RadMenu.RadMenu_SFAA .rmItem {
    border-bottom: 1px solid #4c4c4c !important; }*/
    .primary-navigation-area {
        padding-right: 15px;
        padding-left: 15px;
    }

    .RadMenu_SFAA .rmSlide {
        font-size: 89%;
    }

    .RadMenu_SFAA .rmSlide .rmExpandRight, .RadMenu_SFAA .rmSlide .rmGroup a.rmText.rmExpandRight {
        background-image: none !important;
    }

    .rmVertical.rmGroup.rmLevel2 {
        background-color: #c7c7c7 !important;
    }

    .home-page .photo-bg {
        height: unset;
    }

    .home-page .photo-bg {
        /* background-image: url(/images/SFAA/wrapper/site-bg/site-bg-home-page-small.jpg); */
        /* background-size: 100%; */
    }

    .home-page h2 {
        font-size: 35px;
    }

    .home-page.not-logged-in .welcome-sign-in .iMIS-WebPart:first-child {
        width: unset;
        padding-right: 0;
    }

    .home-page.not-logged-in .welcome-sign-in .iMIS-WebPart {
        float: none;
    }

    .home-page .welcome-sign-in {
        padding: 25px;
    }

    .home-page .welcome-sign-in h1 {
        font-size: 20px;
    }

    .home-page .welcome-sign-in p {
        font-size: 16px;
    }

    .full-width-bg.Inserted.bg-magazine {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(/images/SFAA/home-page/bg-magazine-small.jpg);
        background-position: top center;
    }

    .full-width-bg.Inserted.bg-advocacy {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(/images/SFAA/home-page/bg-advocacy-small.jpg);
        background-position: top center;
    }

    .group-padding .row.Inserted {
        padding: 2em 0;
    }

    .end-group-padding .row.Inserted {
        padding-bottom: 2em;
    }

    .welcome-sign-in, .bg-magazine, .events-news {
        text-align: center;
    }

    .hp-events li:last-child {
        margin-bottom: 2em;
    }

    .section-caption {
        font-size: 25px;
        margin-top: 0;
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("js/slick/fonts/slick.eot");
    src: url("js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("js/slick/fonts/slick.woff") format("woff"), url("js/slick/fonts/slick.ttf") format("truetype"), url("js/slick/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 50px;
    width: 50px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: 25px;
}

[dir="rtl"] .slick-next {
    left: 25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

/*# sourceMappingURL=99-SFAA_2021.css.map */