@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --aux-link-color: #ffffff;
    --aux-bg: #008ed6;
    --nav-color: #008ed6;
    --system-icon-color: #252E38;
    --system-icon-color-hover: #27A9CC;
	--blue:#008ed6;
	--lightgray:#f7f7f7;
	--mediumblue:#046b9f;
	--green:#128b68;
	--darkgreen:#0d674d;
	--darkblue:#035077;
	--headingfont: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
	--textfont: "Open Sans", Helvetica, Arial, sans-serif;
	--textcolor:#333333;
	--headingcolor:#424242;
	--brightblue:#009ff0;
	--slateblue: #006ca3;
	--orange:#F17F29;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    font-size: 0!important;
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
    background: var(--lightgray);
}
.footer-content {
    padding-top: 0;
}
a.obo-action {
    font-size: 0!important;
}

.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-weight: 700;
    color: var(--blue);
}
.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-weight: 700;
    color: var(--blue);
}
.blue-heading h1, .blue-heading h2, .blue-heading h3, .blue-heading h4, .blue-heading h5, .blue-heading h6 {color:var(--blue);}
#ft {
    background-color: #000;
    padding-bottom: 30px;
}
    #masterHeaderImage {
        background-image: url(/images/cfac/cfa_logo.jpg	);
        width: 191px;
        height: 54px;
    }
.header-aux-container * {
    font-size: 16px!important;
    font-weight: 400!important;
}
.header-aux-container .cartCenter > span {
    font-size: 12px!important;
    line-height: 1;
    position: relative;
    top: -3px;
}
.account-page .RadGrid.RadGrid_MetroTouch th {
    background-color: #cfcfcf;
    color: #fff;
    font-family: var(--textfont);
    font-weight: 700;
}
.stacked-tabs .select-tab {
    background: var(--blue);
}
.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-weight: 700;
    color: #496DAD;
}
body {
    font-family: var(--textfont);
    font-size: 18px;
    line-height: 1.6;
    color: var(--textcolor);
}
.RadMenu.RadMenu_Coffee .rmRootLink {
    color: var(--nav-color);
    font-family: var(--textfont);
    font-size: 100%;
    font-weight: 700;
    letter-spacing: 0px;
}
.col-primary {
    background: #fff;
}
.CalloutArea1, .CalloutArea2 {
    color: #fff;
    padding: 2em;
}

.CalloutArea1, .CalloutBlockType1, .CalloutArea2 {
    background-color: var(--blue);
    border-radius: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    color: #fff;
}
.RefExample:before, .RefTOC, .RefIconList li, .RefPage code {
    background-color: var(--lightgray);
}
.CalloutArea2 {
    background-color: #128B68;
}

body {
  font-family: var(--textfont);
  font-size: 16px;
  line-height: 1.6;
  color: var(--textcolor); }

.Quote {
    background: var(--lightgray);
    border-left: 10px solid var(--blue);
    margin: 1.5em .7em 1.5em 0;
    padding: 1.5em .7em;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: normal;
}
.Quote:before {
    color: #c5c5c5;
}
a {
  color: var(--blue) ;
  text-decoration: underline; }
  a:visited {
    color: var(--brightblue) ; }
  a:hover, a:focus, a:active {
    color: var(--slateblue) ; }
  a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited {
    color: #999999 ; }

.RadGrid a, .RadToolTip a {
  color: var(--blue)  !important;
  text-decoration: underline; }
  .RadGrid a:visited, .RadToolTip a:visited {
    color: var(--brightblue)  !important; }
  .RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active {
    color: var(--slateblue)  !important; }
  .RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited {
    color: #999999  !important; }

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

p {
  margin-top: 0;
  margin-bottom: 1em; }

h1, .h1, .PageTitle,
h2, .h2, .PanelTitle {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  color: var(--headingcolor); }

h1, .h1, .PageTitle {
  margin-top: 0; }

h1, .h1, .PageTitle {
  color: var(--headingcolor);
  font-size: 250%; }

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: var(--blue);
  padding: 20px;
  margin: 0; }

h2, .PanelTitle {
  line-height: 1.45em;
  font-size: 170%; }

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

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

h4, .h4, .SectionLabel {
  color: var(--headingcolor); }

h5, .h5 {
  color: var(--headingcolor); }

h6, .h6 {
  margin: 0; }
h2, .h2, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle, .panel-heading.Distinguish {
    min-height: 0;
    border-bottom-style: dotted;
    border-width: 1px;
}
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; }
  
  .btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
    color: white;
}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    background-color: var(--mediumblue);
    border-color: transparent; margin:5px 0;
}

.btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--darkblue);
    border-color: transparent;
}


.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: var(--green);
    border-color: transparent;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:active {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--darkgreen);
    border-color: transparent;
}

.AccentButton, .AccentButton .TextButton, .RadGrid input.AccentButton, .RadGrid.RadGrid input.TextButton.AccentButton, .RadGrid.RadGrid a.TextButton.AccentButton {
    background-color: #4476ff;
    border-color: transparent;
}
.AccentButton:hover, .AccentButton:focus, .AccentButton:active, .AccentButton .TextButton:hover, .AccentButton .TextButton:focus, .AccentButton .TextButton:active, .RadGrid input.AccentButton:hover, .RadGrid input.AccentButton:focus, .RadGrid input.AccentButton:active, .RadGrid.RadGrid input.TextButton.AccentButton:hover, .RadGrid.RadGrid input.TextButton.AccentButton:focus, .RadGrid.RadGrid input.TextButton.AccentButton:active, .RadGrid.RadGrid a.TextButton.AccentButton:hover, .RadGrid.RadGrid a.TextButton.AccentButton:focus, .RadGrid.RadGrid a.TextButton.AccentButton:active {
    color: #fff;
    text-decoration: none;
    background-color: #666;
    border-color: #666;border-color: transparent;
}
.DangerButton {
    background-color: #d03528;
    border-color: transparent;
    background-color: #d03528;
    border-color: transparent;border-color: transparent;
}
.DangerButton:hover, .DangerButton:focus, .DangerButton:active {
    color: #fff;
    background-color: #ae2c21;border-color: transparent;
}
.SuccessButton {
    background-color: #68bd49;
    border-color: transparent;
}
.SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active {
    color: #fff;
    background-color: #57a23b;border-color: transparent;
}
a.FeatureActionLink {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-family: var(--headingfont);
    font-size: 110%;
    font-weight: 700;
    line-height: 1.5em;
    padding: 8px 0;
    text-decoration: none;
}
.header-aux-container .UtilityTranslation select {
    background-color: transparent;
}
#ft {
    background-color: #000;
}
div#masterMainBreadcrumb {
    max-width: 1380px;
    margin: auto;
    padding: 5px 20px;
    font-size: 80%;
}
.backToTop, .backToTop:hover {
    background: var(--blue);

}
.backToTop:after {
    display: block;
    content: '';
    background: #ffffff;
    width: 40px;
    height: 40px;
    mask-image: url(images/auxIcons.svg#caret);
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    transform: rotate(180deg);
}
.SearchField, .SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: var(--blue);
    padding: 8px 12px;
}
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
    background-color: var(--blue);
}
.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    background-color: transparent;
    color: white;
    background: var(--blue);
    border-radius: 0;
}

.RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle > .rmIcon {
    background: white;
}
.RadMenu.RadMenu_Coffee .rmExpanded.rmLink:hover > .rmToggle > .rmIcon {
  background: white;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: var(--orange);
}
.header-aux-container .UtilityTranslation select option {
  color: var(--blue);
  padding: 5px 0;
  background-color: #ffffff;
}

.header-aux-container .UtilityTranslation select option:focus, .header-aux-container .UtilityTranslation select option:active, .header-aux-container .UtilityTranslation select option[selected] {
  background-color: var(--mediumblue) !important;
  color: #ffffff;
}
@media (min-width:992px) {
.header-aux-container .UtilityTranslation select:focus, .header-aux-container .UtilityTranslation select:active {
    background-color: transparent;
}
.header-logo-container, .header-primary-nav-container {
    margin: 30px 0;
}
}

@media (max-width:991px) {
	.navbar-toggle, .obo-toggle, .ste-toggle, .page-statistics-toggle, .searchbar-toggle, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before, .navbar-toggle.collapsed, .obo-toggle.collapsed, .ste-toggle.collapsed, .page-statistics-toggle.collapsed, .searchbar-toggle.collapsed {
    background: var(--textcolor);
}
}