@import 'imports/truist-lite-legacy.css';
@import 'custom-page-config/wealth/trudotcom-wealth.css';
@import 'imports/money-and-mindset-custom.css';

/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/**TRUIST LITE CUSTOM CSS**/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/

/* section navigation */
.section-navigation-container {}
.section-navigation-container .nav-header {font-size: 1.6rem; font-weight: 600; width: 100%; text-align: center;}
.section-navigation-container .section-navigation {background-color: transparent; width: auto;}
.section-navigation-container .section-navigation ul {list-style-type: none; padding-left: 0; margin: 0 2rem; text-align: center; font-size: 1.6rem;}
.section-navigation-container .section-navigation ul li {display: inline-block; margin: 0 0; font-size: 1.6rem;}
.section-navigation-container .section-navigation ul li:not(:first-child):before {content: " | "; padding: 0 10px;}
.section-navigation-container .section-navigation ul li a {font-weight: 300;}
.section-navigation-container .section-navigation ul li a:hover {color: #fff;}
.section-navigation-container .section-navigation ul li a:focus {color: #fff;}
.section-navigation-container .section-navigation ul li a.active {font-weight: 600; text-decoration: none;}
.truist-secondary-nav-schedule .section-navigation-container {margin-top: 15px;}
.truist-secondary-nav-schedule .global-cta-btn a {margin-top: 0;}

@media (max-width: 768px){
    .section-navigation-container .section-navigation ul li {display: block; margin: auto;}
    .section-navigation-container .section-navigation ul li:not(:first-child):before {content: ""; padding: 0;}
	.truist-secondary-nav-schedule .gl-align-right {text-align: center; margin-top: 15px;}
	}
@media (min-width: 992px){
    .section-navigation-container .nav-header {width: auto; text-align: left;}
	.section-navigation-container .section-navigation {float: left;}
}

/* section navigation Commercial*/
.section-navigation-container .commercial-section-navigation {background-color: transparent; width: auto;}
.section-navigation-container .commercial-section-navigation ul {list-style-type: none; padding-left: 0; margin: 0 2rem; text-align: center; font-size: 1.6rem;}
.section-navigation-container .commercial-section-navigation ul li {display: inline-block; margin: 0 0; font-size: 1.6rem;}
.section-navigation-container .commercial-section-navigation ul li:not(:first-child):before {content: " | "; padding: 0 10px;}
.section-navigation-container .commercial-section-navigation ul li a {font-weight: 300;}
.section-navigation-container .commercial-section-navigation ul li a:hover {color: #fff;}
.section-navigation-container .commercial-section-navigation ul li a:focus {color: #fff;}
.section-navigation-container .commercial-section-navigation ul li a.active {font-weight: 600; text-decoration: none;}


@media (max-width: 768px){
    .section-navigation-container .commercial-section-navigation ul li {display: block; margin: auto;}
    .section-navigation-container .commercial-section-navigation ul li:not(:first-child):before {content: ""; padding: 0;}
}
@media (min-width: 992px){
	.section-navigation-container .commercial-section-navigation {float: left;}
}



/**/
/**/
/**/

/**/
/**/
/**/

/* GLOBAL SR ONLY NEW TAB */
a[target=_blank]:after {
    content: ', (opens in a new tab)';
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/*GLOBAL SR ONLY NEW TAB - END*/


/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/*******LEGACY OVERRIDE CSS*******/
/*needs to remain in custom.css; remove when legacy css is no longer referenced*/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/

/*CORNERS - grid component, image component*/
/*grid*/
.border-radius-top-left {border-top-left-radius: 2rem;}
.border-radius-top-right {border-top-right-radius: 2rem;}
.border-radius-bottom-right {border-bottom-right-radius: 2rem;}
.border-radius-bottom-left {border-bottom-left-radius: 2rem;}
/*image*/
.border-radius-top-left img {border-top-left-radius: 2rem;}
.border-radius-top-right img {border-top-right-radius: 2rem;}
.border-radius-bottom-right img {border-bottom-right-radius: 2rem;}
.border-radius-bottom-left img {border-bottom-left-radius: 2rem;}
/*responsive*/
@media (min-width: 769px) {
    /*grid*/
    .border-radius-top-left > div {border-top-left-radius: 4rem;}
    .border-radius-top-right > div {border-top-right-radius: 4rem;}
    .border-radius-bottom-right > div {border-bottom-right-radius: 4rem;}
    .border-radius-bottom-left > div {border-bottom-left-radius: 4rem;}
    /*image*/
    .border-radius-top-left img {border-top-left-radius: 4rem;}
    .border-radius-top-right img {border-top-right-radius: 4rem;}
    .border-radius-bottom-right img {border-bottom-right-radius: 4rem;}
    .border-radius-bottom-left img {border-bottom-left-radius: 4rem;}
}

/*custom awards styles*/
.dcm-carousel-border-radius img {border-radius: 0; margin-bottom: 15px;}
.border-bottom-1px-solid .dcm-divider-purple {border-bottom: .2rem solid #2e1a47;}
.border-color-dark .dcm-divider-purple {border-color: rgba(46, 26, 71, 0.8);}
@media (min-width: 769px) {
    /*image*/
     .dcm-carousel-border-radius img {border-radius: 0;}
}
/*custom awards styles END*/

/*CORNERS - grid component, image component - END*/

/*CTA FULL*/
.cta__size--full a {width: 100%;}

/*****/
/**FOOTER**/
.footer {background-color: #2e1a47; color: #fff; padding: 0 !important;}
.footer p {font-size: 1.6rem; color: #fff;}
@media (min-width: 1201px){
	.footer p {font-size: 1.8rem;}
}


.bg-white .bg-midnight-purple a:hover,
.bg-white .bg-midnight-purple a:focus {color: #2E1A47;}

/**LEGACY OVERRIDE END**/
/*****/
/**/
/**/
/**/

/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/*******  FIXES            *******/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/


/*line 1273*/
.accordion .zebra-stripe .border-container {padding: 5rem 0 /*5rem 2rem*/;}
/*line 1290*/
@media (min-width: 1201px){
    .accordion .zebra-stripe .border-container > div {margin: 0 8.333% /*0 12.5%*/;}
}


/*line 31242*/
label {color: inherit;}

.globalnavigation .nav-brand img {float: none;}

/*Ori UL, OL RTE break fix*/

.ori-tabs ul.ori-tabs__list {list-style: none;}
.ori-tabs ol, ul {list-style: disc;}

/**FIXES END**/
/*****/

/**/
/**/
/**/

/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/*******  CUSTOM CLASSES   *******/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/

/* Graphic Bullets */
ul.connect-list {margin-top: -1px;}
ul.connect-list li {padding-left: 15px; margin-bottom: 2.5em; list-style: none;}

.connect-content-list {font-size: 2.2rem; font-weight: 300; display: inline; margin-right: 0.5em;}

ul.connect-list li {position: relative;
    /* so that pseudoelements are positioned relatively to their "li"s*/
    /* use padding-bottom instead of margin-bottom.*/ 
    margin-bottom: 0; /* This overrides previously specified margin-bottom */
    padding-bottom: 2.5em;
}

ul.connect-list li:after {
    /* bullets */
    content: url('/content/dam/truist/us/en/graphic-elements/icons/default-white.svg');
    position: absolute;
    left: -27px; /*adjust manually*/
    top: 8px;
}

ul.connect-list li.active:after {
    /* bullets */
    content: url('/content/dam/truist/us/en/graphic-elements/icons/active.svg');
    position: absolute;
    left: -27px; /*adjust manually*/
    top: 7px;
}

ul.connect-list li:before {
    /* lines */
    content:"";
    position: absolute;
    left: -16px; /* adjust manually */
    border-left: 1px solid #2e1a47;
    height: 100%;
    width: 3px;
}

ul.connect-list li:first-child:before {
   /* first li's line */
   top: 30px; /* moves the line down so that it disappears under the bullet. Adjust manually */
}

ul.connect-list li:last-child:before {
    /* last li's line */
   height: 13px; /* shorten the line so it goes only up to the bullet. Is equal to first-child:before's top */
}

ul.connect-list li a {
  color: #2e1a47;
  text-decoration: underline;
  font-weight: 400;
}

ul.connect-list li a.active {
  color: #2e1a47;
  text-decoration: none;
  font-weight: 600;
}

ul.connect-list li a:hover {
  color: #2e1a47;
  text-decoration: none;
  font-weight: 600;
}

ul.connect-list li a:focus {
  color: #2e1a47;
  text-decoration: none;
  font-weight: 600;
}

/* Graphic Bullets for Gray BG */
.bg-light-gray ul.connect-list li:after {
    /* bullets */
    content: url('/content/dam/truist/us/en/graphic-elements/icons/default-gray.svg');
    position: absolute;
    left: -27px; /*adjust manually*/
    top: 8px;
}

.bg-light-gray ul.connect-list li.active:after {
    /* bullets */
    content: url('/content/dam/truist/us/en/graphic-elements/icons/active.svg');
    position: absolute;
    left: -27px; /*adjust manually*/
    top: 7px;
}
/* END Graphic Bullets */

/*truist updates call out*/
.truist-update-callout {border-left: 1.5rem solid #afabc9; padding-left: 3rem;}

/* People Finder Sort Fix */
@media (max-width: 990px) {
.finder-result-view .location-result-container {z-index: 2;}
}
/**CUSTOM END**/
/*****/

/**/
/**/
/**/

/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/***** CUSTOM COMPONENT CSS ******/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/

/**COMPONENT END**/
/*****/