.uxArticle {margin: 20px 5% 20px;}
article.uxArticle.featured-articles {
    margin: 0 5%;
}

.uxArticle.featured-articles > h2 {
    font-size: 33px;
    font-weight: 400;
    line-height: 33px;
    color: #182745;
}
.uxArticle > h2.pb0 {padding-bottom: 0;}
.uxArticle > h2.h3.h3-featuredarticles {
    padding-bottom: 30px;
    padding-top: 20px;
  }
.uxArticle > h3, .uxArticle > h2.h3.h3-featuredarticles {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;	
    color: #182745;
}

/*Related-isa-explained*/
/*.box-3columns.box-3columns-featuredarticles.uxArticle.uxArticle-fullwidth{margin-top:0;}*/
div.box-3columns.box-3columns-featuredarticles.uxArticle.uxArticle-fullwidth {
  margin: 0 5% 30px;
}

/*home and money insert code*/
.box-3columns-featuredarticles .box-3columns {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    overflow: auto;
}
.box-3columns-featuredarticles div.box-3columns {
  justify-content: flex-start;
  gap: 30px;
  flex-direction: row;
}

/*anchor container*/
.box-3columns_box-link {
    text-decoration: none;
    display: flex;
    flex-basis: 31%;
    padding: 5px;
    width: 100%;
}
a.box-3columns_box-link:hover {color: #182745;}
a.box-3columns_box-link:hover > .box-3columns_box_promo > .h2 {color: #182745;}

/*promo psuedo-states*/
.box-3columns_box-link:hover > div.box-3columns_box_promo {text-decoration: underline;}
.box-3columns_box-link:focus > div.box-3columns_box_promo {
  	outline: 5px solid #182745;
    text-decoration: underline;
    border-radius: 10px;
} 

/*div container*/
.box-3columns-featuredarticles div.box-3columns_box {
    display:flex; 
    flex-direction:column;
    width: 100%;
  }

.box-3columns_box_promo {
    padding: 0;
    background: #F3F5F6;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
    text-decoration: none;
    height: auto;
}
.box-3columns_box_promo > .h2 {
    text-align: left;
    font-size: 33px;
    font-weight: 400;
    line-height: 40px;
    color: #182745;
    padding: 30px 30px 40px 30px;
    padding-bottom: 20px;
    word-break: break-word;
    padding-bottom: 20px;
    min-height: 85px;
}


div.box-3columns_no-date > .h3{padding-bottom:0px;}
.box-3columns_box_promo_img {
    width:100%;
    object-fit: cover;
    object-position: center;
}

.box-3columns_box_promo_img-1 {max-height:240px;background: #F3F5F6;
    border-radius: 5px;
    text-decoration: none;
}

.box-3columns_box_promo_bottom {
    padding: 30px;
    overflow: auto;
}

div.box-3columns_box_promo_bottom_text{    
  	overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
div.box-3columns_box_promo_bottom {
  	overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px;
  align-items: baseline;
    gap: 4px;
}
.box-3columns_box_promo_bottom > .b1 {
    display: block;
    float: left;
    text-align: left;
    width: 80%;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    color: #182745;
    width: 88%;
    padding-bottom: 0px;
}

.box-3columns_box_promo.box-3columns_box_promo-noimg { /*height change for article page 'featured articles variant with no images'*/
  border-top: solid 10px #33508A;
  height: 100px;
} 

.box-3columns_box_promo_bottom_chevron {
    display: block;
    float: right;
    width: 12px;
    height: auto;
}

/*article page featured article box padding removal*/
.box-3columns_box-link.box-3columns_box-link-article {
  padding-left: 0;
  padding-right: 0;
}

/*promo text padding for article box publication date*/
.box-3columns_box_promo_bottom_icon {align-items: end;}

.box-3columns_box_promo_bottom_text > .b1 {margin-top: 20px;}
.box-3columns_box_promo_bottom_icon > .box-3columns_box_promo_bottom_chevron {margin-top: 20px;}

.box-3columns_box-link.box-3columns_box-link-article:last-child {margin-right: 34%;}

.box-3columns_box_promo_img-1, .box-3columns_box_promo_img-2, .box-3columns_box_promo_img-3 {
  	border-bottom: solid 10px #33508A; 
	border-radius: 5px 5px 0px 0px;
}

@media screen and (min-width: 781px) and (max-width: 1110px) {div.box-3columns {gap: 20px;}}
@media screen and (min-width: 767px) and (max-width: 780px) {div.box-3columns {gap: 15px;}}

@media screen and (min-width: 700px) and (max-width: 1024px)  {
    .uxArticle.featured-articles > h2 {
        font-size: 30px;
        line-height: 37px;
        padding-bottom: 15px;
    }
    .uxArticle > h2.h3.h3-featuredarticles {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .uxArticle > h3, .uxArticle > h2.h3.h3-featuredarticles {
        font-size: 24px;
        line-height: 24px;
    }
  /*img.box-3columns_box_promo_bottom_chevron {
    margin-top: 20px;
}*/
    .box-3columns_box_promo {max-height:428px;}
    .box-3columns_box_promo_img {max-height:160px;}
  
    /*div.box-3columns_box_promo_bottom {padding: 20px;}*/

    /*.box-3columns_box-link {padding-bottom: 30px;}*/
    .uxArticle > h2.h3.h3-featuredarticles {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .uxArticle > h2.h3.h3-featuredarticles {
        font-size: 24px;
        line-height: 24px;
    }
}

@media screen and (min-width: 700px) and (max-width: 808px) {
  div.box-3columns_box {
        flex-basis: 21%;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 767px) and (max-width: 952px) {  
    .box-3columns_box-link {width: 30%;}
}

@media screen and (max-width: 767px) {
    .box-3columns_box-link {
        width: 100%;
        flex-basis: 100%;
    }
  	.box-3columns_box-link.box-3columns_box-link-article:last-child {margin-right: 0;}

    .box-3columns_box_promo {height: auto;}

    .box-3columns-featuredarticles .box-3columns_box {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
  	/*.uxArticle {margin: 0 20px 40px 20px;}*/
    .uxArticle > h2 {
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
        padding-bottom: 10px;
    }
    .uxArticle > h3, .uxArticle > h2.h3.h3-featuredarticles {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;	
    }  
  

    /*featured article text*/
    .uxArticle > h2.h3.h3-featuredarticles {
        padding-top: 0;
        padding-bottom: 25px;
    }
  
    .box-3columns_box_promo-1 {border-top: 20px solid #33508A;}

    .box-3columns_box_promo.box-3columns_box_promo-small {height: auto;}

    .box-3columns_box_promo_img {display: none;}

  	.uxArticle > h2.h3.h3-featuredarticles {
    	font-size: 20px;
    	font-weight: 400;
    	line-height: 25px;	
  	} 
  
  
  	/*featured article text*/
  	.uxArticle > h2.h3.h3-featuredarticles {
    	padding-top: 0;
    	padding-bottom: 25px;
    }
   
  	a.box-3columns_box-link > div.box-3columns_box {width: 100%;}
  
      .box-3columns.box-3columns-featuredarticles.uxArticle.uxArticle-fullWidth {
        margin: 0 10px 0;
    }
 
  
img.box-3columns_box_promo_bottom_chevron {
    margin-top: 0px;
}
  
}

/*featured article section fix*/
a.box-3columns_box-link.box-3columns_box-link-article:nth-child(1) {margin-left: 5px;}

@media screen and (max-width: 768px){
	a.box-3columns_box-link.box-3columns_box-link-article {
		margin-left: 5px;
  		margin-right: 5px;
    }
}

@media screen and (min-width: 700px) and (max-width: 1427px){
  .box-3columns_box-link {flex-basis: 30%;}
}

@media screen and (min-width: 700px) and (max-width: 725px){
	.box-3columns_box_promo_bottom_text > .h3 {
      	padding-bottom: 0;
    	margin-top: 20px;
      	margin-bottom: 20px;
    }
}

/*featured article amends to support new chevron positioning*/
.box-3columns_box_promo_bottom_icon {
    overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.box-3columns_box_promo_bottom_icon > p.b1 {
	padding-bottom: 0px;
  	padding-top: 0;
}
.box-3columns_box_promo_bottom_chevron {margin-top: 0px;}

/*featured article variant with nodate (below article page)*/
.box-3columns_box_promo_bottom.bottom_nodate {flex-direction: row;}
.bottom_nodate_title, .bottom_nodate_chevron {
	align-items: end;
	display: flex;
}
.bottom_nodate_title > h2.h3 {padding-bottom: 0;}
.box-3columns.box-3columns-featuredarticles {
  display: flex;
  gap: 30px;
}
/*width percentage changes*/
div.box-3columns_box_promo_bottom.box-3columns_no-date {
  align-items: flex-start;
}
div.box-3columns_box_promo_bottom.box-3columns_no-date img.box-3columns_box_promo_bottom_chevron {
    padding: 5px 0;
    width: auto;
    height: auto;
}

@media screen and (min-width: 780px) and (max-width: 1110px) {.box-3columns_box-link {flex-basis: calc(33.3% - 25px);}}
@media screen and (min-width: 766px) and (max-width: 780px) {.box-3columns_box-link {flex-basis: calc(33.3% - 20px);}}

@media screen and (max-width: 700px) {
  .box-3columns_box-link {flex-basis: 100%;width: auto;}
  .box-3columns.box-3columns-featuredarticles {
    display: block;
  }
  div.box-3columns_box_promo_bottom.box-3columns_no-date img.box-3columns_box_promo_bottom_chevron {
    height: 15px;
  }
}
@media screen and (max-width: 769px) {
  div.box-3columns_box_promo_bottom {
    padding: 20px;
    height: 100%;
  }
  .box-3columns.box-3columns-featuredarticles {
    gap: 15px;
  }
}

@media screen and (min-width: 700px) and (max-width: 1100px) {
   div.box-3columns.box-3columns-featuredarticles.uxArticle.uxArticle-fullwidth {
        gap: 15px;
    }

@media screen and (min-width: 700px) and (max-width: 1100px) {  
  .box-3columns.box-3columns-featuredarticles {gap: 15px;}}

  
  
@media screen and (max-width: 426px) {
  div.box-3columns_box_promo_bottom.box-3columns_no-date img.box-3columns_box_promo_bottom_chevron {height:15px;}
  }