/***Standard Style variables***/

:root{
	--H1Color:#000;
    --H1FontFam:  "Jost", sans-serif;
    --H1FontWeight: 500;
    --H1Size:50px;
    --H1MarTop: 6px;
    --H1MarBottom: 12px;
    --H1LetterSpacing:0px;

    --H2Color:#000;
    --H2FontFam: "Jost", sans-serif;
    --H2FontWeight: 400;
    --H2Size:32px;
    --H2MarTop: 4px;
    --H2MarBottom: 12px;
    --H2LetterSpacing:0px;

    --H3Color:#000;
    --H3FontFam: "Jost", sans-serif;
    --H3FontWeight: 700;
    --H3Size:24px;
    --H3MarTop: 5px;
    --H3MarBottom: 12px;
    --H3LetterSpacing:0px;

    --H4Color:#5A3799;
    --H4FontFam: "Jost", sans-serif;
    --H4FontWeight: 500;
    --H4Size:24px;
    --H4MarTop: 5px;
    --H4MarBottom: 10px;
    --H4LetterSpacing:0px;

    --H5Color:#000;
    --H5FontFam: "Jost", sans-serif;
    --H5FontWeight: 700;
    --H5Size:20px;
    --H5MarTop: 5px;
    --H5MarBottom: 2.5px;
    --H5LetterSpacing:0px;

    --H6Color:#000000;
    --H6FontFam: "Jost", sans-serif;
    --H6FontWeight: 500;
    --H6Size:20px;
    --H6MarTop: 5px;
    --H6MarBottom: 10px;
    --H6LetterSpacing:.5px;
}

.header {
    padding-top: 10px;
    padding-bottom: 0px;
    min-height: 130px;
}
.ProductDisplay {
    background-color: #EBEBEB;
    padding: 1em;
}
h1, .h1, .PageTitle {
   
    font-weight: var(--H1FontWeight);
    color: var(--H1Color);
    margin-top: var(--H1MarTop);
    font-family:var(--H1FontFam);
    font-size: var(--H1Size);
    letter-spacing: var(--H1LetterSpacing);
    margin-top: var(--H1MarTop);
    margin-bottom: var(--H1MarBottom);
}
h2, .h2, .PanelTitle {
    
    font-weight: var(--H2FontWeight);
    color: var(--H2Color);
    margin-top: var(--H2MarTop);
    font-family:var(--H2FontFam);
    font-size: var(--H2Size);
    letter-spacing: var(--H2LetterSpacing);
    margin-top: var(--H2MarTop);
    margin-bottom: var(--H2MarBottom);
    border-bottom: none;
    line-height: 1.3;
   
    
}
h3, .SectionTitle,.jcNews,.jcProf 
{
  
    font-weight: var(--H3FontWeight);
    color: var(--H3Color);
    margin-top: var(--H3MarTop);
    font-family:var(--H3FontFam);
    font-size: var(--H3Size);
    letter-spacing: var(--H3LetterSpacing);
    margin-top: var(--H3MarTop);
    margin-bottom: var(--H3MarBottom);
    line-height: 1.1;
}
h4, .h4, .SectionLabel {
   
    font-weight: var(--H4FontWeight);
    color: var(--H4Color);
    margin-top: var(--H4MarTop);
    font-family:var(--H4FontFam);
    font-size: var(--H4Size);
    letter-spacing: var(--H4LetterSpacing);
    margin-top: var(--H4MarTop);
    margin-bottom: var(--H4MarBottom);
    
    line-height: 1.3;
 
}
h5, .h5, .SectionLabelSmaller {

    font-weight: var(--H5FontWeight);
    color: var(--H5Color);
    margin-top: var(--H5MarTop);
    font-family:var(--H5FontFam);
    font-size: var(--H5Size);
    letter-spacing: var(--H5LetterSpacing);
   
    margin-bottom: var(--H5MarBottom);
    
    line-height: 1.3;
    
}
h6, .h6
{

    font-weight: var(--H6FontWeight);
    color: var(--H6Color);
    margin-top: var(--H6MarTop);
    font-family:var(--H6FontFam);
    font-size: var(--H6Size);
    letter-spacing: var(--H6LetterSpacing);
   
    margin-bottom: var(--H6MarBottom);
    
    
    line-height: 32px;
    
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
input, button, select, textarea {
   
    font-family: 'Roboto', sans-serif;
}

hr {
    margin-left: 0px;
    margin-right: 0px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #d8d8d8;
    margin-top: 1em;
    margin-bottom: 1em;
}
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
    /* font-family: Calibri, Helvetica Neue, Roboto, sans-serif; */
    font-weight: inherit;
    font-family: "Jost", sans-serif;
    color: #5A3799;
}
.btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
    color: #333;
    transition: .25s all;
}
.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    font-size: 14px;
    color: #333;
    border: 2px solid #d8d8d8;
    border-radius: 25px;
    
    line-height: 1em;
   
    background-color: transparent;
    font-weight: 600;
    display: inline-flex;
    align-content: center;
    align-items: center;
    /* padding-left: 15px; */
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: "Jost", sans-serif;
    padding: 15px;
    background-image: url(images/template/ico_rightarrow_gr.svg);
    padding-right: 30px;
    background-position: right 10px center;
    background-size: 16px;
}
.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: #A0E56F;
    background-color: transparent;
    text-decoration: none;
    border-color: #d8d8d8;
    
    background-image: url(images/template/ico_login_roll.svg);

}
.TextButton.LargeButton {
    padding: 20px 30px 20px 20px;
}
.TextButton.PrimaryButton 
{
    color: #fff;
    background-color: #9367E4;
    background-image: url(images/template/ico_rightarrow_wh.svg);
    border-color: #58A480;
}
.TextButton.PrimaryButton:hover 
{
   
    
    color: #9367E4;
    background-image: url(images/template/ico_rightarrow_purple.svg);
}
.CalloutPart2 .panel-heading, .CalloutPart2 .panel-body {
    background-color: #EBEBEB;
}
.ProductDisplay {
    background-color: #EBEBEB;
    padding: 1em;
}
.account-banner-bg-color-2 .account-banner:before {
    background-color: #F0F9FF;
}
.AsiSuccess {
    border-color: #336414;
    background-color: #9367E4;
}

a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: #4A9D14;
    text-decoration: none;
}
a:visited, .Link:visited, .RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited, .RadToolTip.RadToolTip a:visited {
    color: #4A9D14;
}
a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active {
    color: #73BC44;
    text-decoration: underline;
}
.RelatedItemsHorizontalEffect li:hover {
    background-color: #d8d8d8;
    transform: scale(1.35);
    border-radius: 10px;
}
.carousel-inner.bg-img > .item {
    background-color: transparent;

}
.SearchField label {
    font-size:21px;
    color: #00557a;
}
.SearchField, .SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: #EBEBEB;
    padding: 8px 12px;
}

.obo-panel {
    line-height: 1.5em;
   
}
.SearchResultSummary .ListItemTitle a {
    text-decoration: none;
    color: #333333 !important;
    margin: -4px -7px 0;
    text-decoration: none!important;
}
.SearchResultSummary .ListItemTitle a:hover {
    background-color: #4A9D14;
    text-decoration: underline;
}
.EventSummary {
    background-color: #EBEBEB;
}

.breadcrumb li.breadcrumb-item {
    list-style: none;
    display: inline-block;
    color: #555;
}
.ProgramItemSummary .InItinerary {
    background-color: #4A9D14;
}
.container .row .RadGrid_MetroTouch .rgAltRow {
    background: #ebebeb;
}
.RegistrationArea div:not(.PriceOverrideForm) > .TextButton {
    width: auto;
}
.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: #EBEBEB!important;
}
.Wrapper-FullWidth #masterContentArea .row .row {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.ProgramGroup .PanelHead, .ProgramGroup .panel-heading {
    background-color: #F0F9FF;
}
.RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: #F0F9FF;
    color: #fff;
}
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover {
        color:#9367E4
}
.EventDisplay .PricingData .rgRow td
{
    border-bottom: 1px solid #333;
}
.CartCharges .GrandTotal .PanelField .Label {
    color: #336414;
}
.CartCharges .GrandTotal .PanelField {
    
    color: #336414;
}
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #5A3799;
    background-color: #5A3799;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: #5A3799;
}
.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
    border-right: 3px solid #5A3799;
}

.mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-family: inherit;
    font-weight: 700;
    font-size: 42px;
}
.RadScheduler.RadScheduler_Metro .rsHeader {
    border-color: #5A3799;
    background-color: #5A3799;
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
    border-color: #F0F9FF;
}
.RadScheduler_Metro .rsMonthView .rsDateBox {
    border-bottom: 1px solid #d8d8d8!important;
    background-color: #d8d8d8!important;
}
.RadScheduler .rsCategoryYellow .rsAptContent, .RadScheduler .rsCategoryYellow .rsAptIn, .RadScheduler .rsCategoryYellow .rsAptMid, .RadScheduler .rsCategoryYellow .rsResourceMarker {
   
    background-color: #ECBC53!important;
}
.RadScheduler .rsCategoryGreen .rsAptContent, .RadScheduler .rsCategoryGreen .rsAptIn, .RadScheduler .rsCategoryGreen .rsAptMid, .RadScheduler .rsCategoryGreen .rsResourceMarker {
    border-color: #D5A220!important;
    color: #333;
    background-color: #9367E4!important;
}
.ProgressTracker2 .ProgressTrackerPanel {
    background-color: #9367E4;
}
.ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar {
   
    background-color: #D5A220;
}
.ProgressTracker2 .ProgressBar > span, .ProgressTracker_Dashboard .ProgressBar > span, .ProgressTracker_Dashboard_Overview .ProgressBar > span {
    display: block;
    height: 100%;
    background-color: #D5A220;
    position: relative;
    overflow: hidden;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
    color: #fff;
    font-family: inherit;
    font-weight: 900;
    font-size: 58px;
}
.touch-radio-binary input[type="radio"]:checked + label, .touch-radiobuttons input[type="radio"]:checked + label {
    background: #9367E4;
    border-color: #9367E4;
    color: #fff;
}
.CartCharges {
    background-color: #EBEBEB;
}
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
    background-color: #9367E4;
    border-color: #9367E4;
    text-decoration: none;
    color: #fff !important;
}
.ContentBlockPrimary {
    padding: 20px;
    background-color: #EBEBEB;
}
.Quote {
    background: #f7f3ed;
    border-left: 10px solid #D5A220;
    margin: 1.5em .7em 1.5em 0;
    padding: 1.5em .7em;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: normal;
}

/* footer rework - phil@philstack.com - 2024-7-20 */
#ft {
    background:transparent;
    padding-top:0px;
}

.footer-pics .container {
    margin:0;
    padding:0;
    max-width:100%;
}
@media (min-width:992px) {
#ste_container_ciNewContentDisplayCommon .ContentItemContainer {
    float:left;
    width:20%;
}
}
/* hook for page container CSS to hide the footer pics */
.no-footer-pics .footer-pics {
    display:none;
}

/* homepage events IQA - phil@philstack.com - 2024-7-21 */
@media (min-width:992px) {
    .Wrapper-HomePage.Wrapper-FullWidth .WebPartZone.jcForest {
        padding: 0 10px;
    }
    
    .jcForest.VCTAhomepageIQAevents {
        margin:0;
    }


    .VCTAhomepageIQAevents .panel-heading {
        padding-left:0px ;
        padding-bottom:20px;
    }
    
    .VCTAhomepageIQAevents .eventList.jcForest,
    .VCTAhomepageIQAevents .panel-body,
    .VCTAhomepageIQAevents .col.mb-3 {
        padding:0px
    }

    .VCTAhomepageIQAevents .card-body {
        padding:20px;
    }
    
    .VCTAhomepageIQAevents .vcta-iqa-event-title {
        font-size:1.5em;
    }
}
    
    .jcForest.VCTAhomepageIQAevents .card {
        border: none;
    }
    
    .VCTAhomepageIQAevents .vcta-iqa-date {
        font-weight:bold;
    }

.jcForest .jcScreen {
    background-image:url(images/template/ico_webinar_gr.svg);
}

.vcta-iqa-event-category {
    text-transform:uppercase;
    font-weight:bold;
}

.vcta-iqa-event-title {
    margin:20px 0;
    color:#fff;
}

.VCTAhomepageIQAevents .panel-heading.Distinguish {
    border-color:#73BC44;
}

.VCTAhomepageIQAevents .eventList.jcForest,
.VCTAhomepageIQAevents p {
    margin-bottom:0;
}

.VCTAhomepageIQAevents.jcForest {
    padding:15px 10px 10px 10px;
}

#masterHeaderImage {
    margin-bottom: 35px;
}

/* homepage news tagged list formatting */
.VCTA-homepage-news-category,
.VCTA-homepage-news-date {
    text-transform:uppercase;
    font-weight: bold;
}
.VCTA-homepage-news-date::after {
    content:"/";
    color:#B287ff;
    margin-left:10px;
    margin-right:10px;
}
.VCTA-homepage-news-category::after {
    content:"//";
    color:#B287ff;
    margin-left:10px;
    margin-right:10px;
}
.VCTA-homepage-news-category {
    background-image:url(images/template/ico_new.svg);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px!important;
}

.VCTA-homepage-news-title a {
    color: #5A3799;
    font-size:1.5em;
    font-weight:500;
}

.VCTA-homepage-news-link {
    font-weight:bold;
    font-size:1.1em;
}

.VCTA-homepage-news {
    margin-bottom:50px;
}

.vcta-homepage-community .panel-title,
.vcta-homepage-bulletin .panel-title {
    font-weight:700;
    font-size:24px;
    line-height:40px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-size:30px;
    background-position:left center;
}

.vcta-homepage-bulletin .panel-title {
    background-image:url(images/template/ico_bulletin.svg);
}
.vcta-homepage-community .panel-title {
    background-image:url(images/template/ico_community.svg);
}