@charset "utf-8";
/* CSS Document */
body{
	padding: 0;
	margin: 0;
	background:#FFF;
	/* AI 136385: 4/8/2026 - font-family: 'Open Sans', sans-serif !important; */
	font-family: 'Roboto', sans-serif !important;
	font-size: 1.6em;
}

/*h1, h2, h3, h4 {*/
h1,  h3, h4 {
	/* AI 136385: 4/8/2026 - font-family: 'Roboto Slab', serif !important; */
	font-family: 'Montserrat', serif !important;
	font-weight: 400 !important;
	font-size: 1.17em !important;
	}
h2{
	font-size: 2em;
	color: #012851;
}

hr{
	border-left:none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
img {
    max-width: 100%;
    height: auto;
}

a{
	color: #012851;
	text-decoration:underline;
}

a:hover{
	color: #468FC8;
	text-decoration:none;
}

.rowWrap.r2 h2, .rowWrap.f1 h3{
	    margin: 0;
    padding: .3em 0;
    font-weight: 400;
    color: #fff;
}



.rowWrap .rowInner {
	width: 100%;
	min-height: 1px;
	position: relative;
}

.rowWrap .rowInner {
	width: 100%;
	margin: 0 auto;
	max-width: 1128px;

}

.rowWrap .rowInnerSlide {
	width: 100%;
	text-align: center;
	line-height: 0px;

}

.rowWrap.r1 {
	background:#DDDDDD;

}

.rowWrap.r2, .rowWrap.f1 {
	background:#012851;
	color: #fff;

}
.rowWrap.r3 {


}

.rowWrap.r4 {
background:url(http://beta.nacua.org/images/default-source/backgrounds/bgone.jpg?Status=Temp&sfvrsn=2) center top no-repeat;
	background-size:cover;
}

header.l2Top{
	border-bottom: 1px solid #ccc;
}

.logoLink {
	display: block;
	width: 310px;
	height: 70px;
	background: url(../images/headerlogo.gif) left center no-repeat;
	text-indent: -9999px;
}
.rowWrap.head1  .eyebrow {
	float: right;
	height:1.75em;
	line-height: 1.75em;
	padding: .56em .8em 0 0;
}

.rowWrap.head1  .eyebrow  a{
	color: #000;
	padding: 0 .5em;
}

.rowWrap.head1  .eyebrow .eblinkswrap, .rowWrap.head1  .eyebrow .ebloginwrap{
	float:left;
}
.rowWrap.head1  .eyebrow .ebloginwrap{
	padding-left: 1em;
}
.rowWrap.head2{
	clear: both;
}
.rowWrap.head2  .search {
	position: absolute;
	right:0px;
	top: 15px;
	width: 325px;
	height: 40px;
}

.rowWrap.navWrap{
	clear: both;
}

.rowWrap.navWrap.seminarNav .rowInner{
	    max-width: 550px;
}

 .rowWrap.navWrap.classNav   .rowInner{
	 max-width: 600px;
 }

 .rowWrap.navWrap.workshopNav    .rowInner{
	 	    max-width: 720px;
 }

.rowWrap.r4 .r4contentwrapper{
float: left;
width: 100%;
}

.rowWrap.r4 .r4content{
	margin-right: 385px;
	width: auto;
}

.rowWrap.r4 .r4cp{
	padding-top: .6em;
}

.rowWrap.r4 .r4right{
float: left;
width: 370px;
margin-left: -370px;
}

.r4news, .r4programs{
	background: #fff;
}

.r4programs{
	margin-top: .6em
}

.r4newstop, .r4programstop{

	color: #fff;
	padding-left: 5em;
}

.r4newstop{
	background: #468FC8 url(../images/news_icon.gif) left center no-repeat;
}
.r4programstop{
	background: #468FC8 url(../images/programs_icon.gif) left center no-repeat;
}
.r4newstop h2, .r4programstop h2{
	margin: 0;
	padding: 0;
	line-height: 2.25em;
	color: #fff;
}

.r4newsmid, .r4programsmid{

	padding: 1em;
}

.r4newsbtm, .r4programsbtm, .r3Btm{

	background:#F3F3F3;
	border-top: 1px solid #ccc;
	padding: 1em 0;
	text-align: center;
	font-weight: 600;

}

.r4newsbtm a, .r4programsbtm a, .r3Btm a{
	color:#8E000C;
}
.r4newsbtm .fa, .r4programsbtm .fa, .r3Btm .fa{
		color:#8E000C;
		padding-left: .5em;
}

.r4right .r4rliner{
	padding-top: .6em;
}

.r4right .r4promoblock{
	border: 6px solid #fff;
	background: #fff;
	margin-bottom: .6em;
}

.r4right .r4pbtop{
	background:#012851;
	color: #fff;
	text-align:center;

}

.r4right .r4pbtop h3{
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	padding: .5em 0;
}

.r4right .r4pbmid{
	width: 100%;
	/*height: 130px;*/
	padding-bottom:36%;
}

.r4right .r4pbresource.r4pbmid{

	background : url(../images/Home_ResourceLibrary.jpeg) center top no-repeat;
}


.r4pbheca.r4pbmid{

	background: url(../images/Home_HigherEdComplianceAliance.jpeg) center top no-repeat;
}

.r4right .r4pbcc.r4pbmid{
	background: url(../images/Home_CareerCenter.jpeg) center top no-repeat;
}

.r4right .r4pbbtm{
	padding: .8em;
}

.rowWrap.f2{
	padding-bottom: 2em;
}

.rowWrap.f2 ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.rowWrap.f2 li{
	padding-bottom: .6em;
}

.rowWrap.f2 a{
	color: #000;
}

.rowWrap.f2 em{
	padding-left: 1em;
	color: #666;
}

.rowWrap.f2 .footRight{
	text-align: right;
}

.rowWrap.contentTop{
	padding-top: 1.6em;
}

.rowWrap.l2r2{
	padding-bottom: 2.8em;
}

.rowWrap.l2r2 .l2r2contentwrapper{
float: left;
width: 100%;
}

.rowWrap.l2r2 .l2r2content{
	margin-right: 425px;
	width: auto;
}

.l2Title H1, .l3Title H1{
	margin-top: 0;
	font-size: 2.25em;
	color:#9E1F2A


}


.rowWrap.l2r2 .l2r2right{
float: left;
width: 375px;
margin-left: -375px;
}

.rowWrap.l2r3{
	background-color:#F1F1F1;
	padding: 2.8em 0 ;
}

.rowWrap.l2r3 .l2r3contentwrapper{
float: left;
width: 100%;
}

.rowWrap.l2r3 .l2r3content{
	margin-right: 425px;
	width: auto;
}




.rowWrap.l2r3 .l2r3right{
float: left;
width: 100%;
max-width: 375px;
margin-left: -375px;
}

.l2r3right .l2r3block{
	border: 6px solid #fff;
	background: #fff;
	margin-bottom: .6em;
}

.learnMoreBlock{
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: .6em;
	padding: 5px;
}

.l2r3right .l2r3btop, .learnMoreBlock .lmbTop{
	background:#012851;
	color: #fff;
	text-align:center;

}

.l2r3right .l2r3btop h3,.learnMoreBlock .lmbTop h3{
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	padding: .5em 0;
}



.l2r3right .l2r3btopbbtm, .learnMoreBlock .lmbBtm{
	padding: .8em;
}

.l2r3block ul, .learnMoreBlock ul{
	list-style-type:none;
	margin: 0 0 .6em .6em;
	padding: 0;
}

.l2r3block li, .learnMoreBlock li{
	background:url(../images/learnmoreBullet.gif) 0px 4px no-repeat;
	padding-left: 1.5em;
		font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: .6em;

}

.l2r3block a, .learnMoreBlock a{
	color: #012851;
	text-decoration: none;
}


.rowWrap.l2r5{
	background-color:#468FC8;
	padding: 2.8em 0 ;
	color: #fff;
}

.rowWrap.l2r5 h2{
	color: #fff;
	min-height: 90px;
}

.rowWrap.l2r5 .sf_colsIn {
	text-align:center;
}

.rowWrap.l2r5 .L23actions .sf_3cols_2_34{
	box-sizing:border-box;
	border-left: 1px solid #fff;
		border-right: 1px solid #fff;
}

.rowWrap.l2r4, .rowWrap.l2r6{
	padding: 2.8em 0 ;
}

.rowWrap.contentTop .subCrumbs{
	float: left;
	min-width: 100px;
}

.rowWrap.contentTop .subShare{
	float: right;
	min-width: 100px;
}

/****************************** L3s ********************/
.rowWrap.l3r1{
	padding-bottom: 2em;
}

.L3contentwrapper{
margin-left: 325px;;
}

.L3contentcolumn{
display: inline-block;
}

.L3leftcolumn{
float: left;
width: 250px; /*Width of left column*/
/*margin-left: -100%;*/
}
.highlight {
    color: #FFF;
    background: #468FC8;
    padding: 1em;
}
.highlight a {
    color: #FFF !important;
}
/********************** resources home *****************/


 .rowWrap.rlr4, .rowWrap.rlr6, .rowWrap.rlrsch{
    padding: 2.8em 0;
}
.rowWrap.rlr2, .rowWrap.rlr3,.rowWrap.rlr5{

	    background-color: #F1F1F1;
    padding: 2.8em 0;
}

.rowWrap.rrl1 .rlr1contentwrapper{
float: left;
width: 100%;
}

.rowWrap.rlr1 .rlr1content{
	margin-right: 425px;
	width: auto;
}

.l2Title H1, .l3Title H1{
	margin-top: 0;
	font-size: 2.25em;
	color:#9E1F2A


}


.rowWrap.rlr1 .rlr1right{
float: left;
width: 375px;
margin-left: -375px;
}

.rowWrap.rlr1 .rlr1contentwrapper,.rowWrap.rlr2 .rlr2contentwrapper, .rowWrap.rlr3 .rlr3contentwrapper, .rowWrap.rlrsch .rlr3contentwrapper{
float: left;
width: 100%;
}

.rowWrap.rlr2 .rlr2content, .rowWrap.rlr3 .rlr3content,  .rowWrap.rlrsch .rlr3content{
	margin-right: 550px;
	width: auto;
}

.rowWrap.rlr2 .rlr2content h2, .rowWrap.rlr3 .rlr3content h2,  .rowWrap.rlrsch .rlr3content h2{
	margin-top: 0px;
}




.rowWrap.rlr2 .rlr2right, .rowWrap.rlr3 .rlr3right, .rowWrap.rlrsch .rlr3right{
float: left;
width: 100%;
max-width: 500px;
margin-left: -505px;
}

.rlr2right .rlr2block, .rlr3right .rlr3block{
	border: 6px solid #fff;
	background: #fff;
	margin-bottom: .6em;
}

.rlr2right .rlr2btop, .rlr3right .rlr3btop{
	background:#012851;
	color: #fff;
	text-align:center;

}

.rlr2right .rlr2btop h3, .rlr3right .rlr3btop h3{
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	padding: .5em 0;
}



.rlr2right .rlr2btopbbtm, .rlr3right .rlr3btopbbtm{
	padding: .8em;
}

.rlr2block ul, .rlr3block ul{
	list-style-type:none;
	margin: 0 0 .6em .6em;
	padding: 0;
}

.rlr2block li, .rlr3block li{

	margin-bottom: 1.2em;

}

.rlr2block a, .rlr3block a{
	color: #0054ad;
}

.rowWrap.rlr4 .sf_colsIn {
	text-align:center;
}

/*************** resource topics *********************/
.topicContent h2{
	font-size: 1.8em;
}
.topicContent  ul{
	list-style-type:none;
	margin: 0 0 .6em .6em;
	padding: 0;
}

.topicContent li{
	background:url(../images/learnmoreBullet.gif) 0px 4px no-repeat;
	padding-left: 1.5em;
		font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: .6em;

}

.topicContent li a{
	color: #012851;
	text-decoration: none;
}

.topicControlWrap{
	padding: 2em 0;
}

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

.sf_cols.centerDivider{
	background-image: url(../images/columnssplitter.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/*************** buttons ****************************/

.mainButton a{
	display: inline-block;
	color: #fff;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	text-decoration: none;
	padding: .7em 1em;
	margin: .6em 0;
	border-radius: 8px;
	background-color: #880005;
	-webkit-box-shadow: 2px 2px hsla(0,0%,0%,0.44);
	box-shadow: 2px 2px hsla(0,0%,0%,0.44);
}

.mainButton.centerButton{
	text-align:center;
}


.mainButton.rightButton{
	text-align:right;
}

.mainButton.rightButton a{
	margin-right: 1.6em;
}

.returnButton a{
	display: inline-block;
	color: #fff;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	text-decoration: none;
	padding: .7em 1em;
	margin: .6em 0;
	border-radius: 8px;
	background-color: #012851;

	text-align:center;
}


/****************Devblocks****************************/

.cdBlockOut{
height: 265px;
	width: 265px;
	margin: 8px;
	border: 2px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}

.cdBlockIn{
	margin: 4px;
	height: 253px;
	width: 253px;
	position:relative;
}

.cdBlockIn .cdBlockRow1{
	padding: .4em;
	font-family: 'Roboto Slab', serif;
	/*font-size: 1.125em;*/
	font-weight:600;
	color:#012851;
}

.cdBlockIn .cdBlockRow2{
position: absolute;
bottom: 50px;
left: 8px;
font-family: 'Roboto Slab', serif;
color:#468FC8;

}

.cdBlockIn .cdBlockRow3{
position: absolute;
bottom: 0;
height: 42px;
width: 100%;
background-color:#E1E1E1
}

.cdBlockIn .cdBlockRow3 .cdBR3Liner{
	line-height: 42px;
	padding-left: .6em;
	font-size: .8em;
	font-style:italic;
}

.cdBlockIn .cdBlockMore{
	display: block;
position: absolute;
bottom: 0;
right: -13px;
height: 42px;
width: 60px;
background:url(../images/morebutton.png);
text-indent: -9999px;
}
/****************resources by topics blocks****************************/
.rowWrap.rbt2 .tileswrap{
	padding: 1.75em 0;
}
.rbtBlockOut{
height: 265px;
	width: 265px;
	margin: 8px;
	border: 2px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}

.rbtBlockIn{
	margin: 4px;
	height: 253px;
	width: 253px;
	position:relative;
}

.rbtBlockIn .rbtBlockRow1{
	padding: .6em .4em;
	font-family: 'Roboto Slab', serif;
	font-size: 1em;
	font-weight:400;
	color:#fff;
	background-color:#012851;
}

.rbtBlockIn .rbtBlockRow2{
padding: 1.5em .4em;

}



.rbtBlockIn .rbtBlockMore{
	display: block;
position: absolute;
bottom: 0;
right: -13px;
height: 42px;
width: 60px;
background:url(../images/morebutton.png);
text-indent: -9999px;
}
/************** seminars classes workshops *************/
.scwWorkshop .sfPageContainer .rwdNav, .scwClass .sfPageContainer .rwdNav, .scwSeminar .sfPageContainer .rwdNav{
	position: relative;
	width:auto;
	display: block;
}

.featuredDates  .sf_colsIn {
	background: #fff;
}

.rowHeroBox{
	margin-bottom: 3em;
}

.featuredDates .fdTop h3{
	text-align: center;
	margin: 0;
	padding: 1em 0;
	color: #fff;
}

.featuredDates .fdBtm{
	padding: 1em;
	color: #666;
}
.featuredDates .fdBtm p{
		font-family: 'Roboto Slab', serif;
	font-weight: 400;
}

.scwSeminar .scwr3, .scwSeminar .scwr5, .scwSeminar .f1 {
    background: #012851;


}

.scwSeminar .scwr3, .scwSeminar .scwr5 {


	text-align: center;
}

.scwSeminar .scwr2btn{
	padding: 1.4em 0;
}

.scwSeminar .scwr3 h2, .scwSeminar .scwr5 h2,  .scwSeminar .scwr7 h2{
	margin: 0;
    padding: .3em 0;
    font-weight: 400;
	color: #fff;
}
.scwSeminar .scwr4{
    background-color: #F1F1F1;
    padding: 2.8em 0;
}

.scwSeminar  .scwr7 {
    background-color: #7F7F7F;
    padding: 2.8em 0;
    color: #fff;

}
 .scwSeminar .scwr7 h2{
	 text-align: center;
 }

.scwSeminar .scwr7 .L23actions .sf_3cols_2_34 {
    box-sizing: border-box;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
 .scwSeminar .scwr7, .scwSeminar .scwr8{
    padding: 2.8em 0;
 }

.scwSeminar  .regButton {
	float: right;
min-width: 300px;
    text-align: center;
}

 .scwSeminar .logoLink {

    float: left;
}

.scwSeminar .schwTitle{
	margin: -30px 300px 0 300px;
	text-align: center;
	line-height: 70px;
	color: #012851;
}

.scwSeminar .schwTitle a{

	color: #012851;
	text-decoration: none;
}

.scwSeminar .subName h4{
	color: #012851;
}

.scwSeminar .mainName h1{
	color: #880005;
}

/*workshops*/

.scwWorkshop .featuredDates .fdBtm p{
	color: #4792CC;

}

.scwWorkshop .featuredDates .fdTop {
	background: #559952;
}
.scwWorkshop a{
	color: #4792cc;
}
.scwWorkshop .mainButton a{
	color: #fff;
	background: #4792cc;
	width: 180px;
}

.scwWorkshop H1, .scwWorkshop H2, .scwWorkshop H3{

	    color: #559952;
}

.scwWorkshop H1 a{
	text-decoration: none;
	color: #559952;
}

.scwWorkshop .scwr3, .scwWorkshop .scwr5, .scwWorkshop .f1 {
    background: #559952;


}

.scwWorkshop .scwr3, .scwWorkshop .scwr5 {


	text-align: center;
}

.scwWorkshop .scwr2btn{
	padding: 1.4em 0;
}

.scwWorkshop .scwr3 h2, .scwWorkshop .scwr5 h2,  .scwWorkshop .scwr7 h2{
	margin: 0;
    padding: .3em 0;
    font-weight: 400;
	color: #fff;
}
.scwWorkshop .scwr4{
    background-color: #F1F1F1;
    padding: 2.8em 0;
}

.scwWorkshop  .scwr7 {
    background-color: #7F7F7F;
    padding: 2.8em 0;
    color: #fff;

}
 .scwWorkshop .scwr7 h2{
	 text-align: center;
 }

.scwWorkshop .scwr7 .L23actions .sf_3cols_2_34 {
    box-sizing: border-box;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
 .scwWorkshop .scwr7, .scwWorkshop .scwr8{
    padding: 2.8em 0;
 }

.scwWorkshop  .regButton {
	float: right;
min-width: 300px;
    text-align: center;
		min-height:70px;

}

 .scwWorkshop .logoLink {

    float: left;
}

.scwWorkshop .schwTitle{
	margin: 0 300px 0 300px;
	text-align: center;
	line-height: 70px;
}

.scwWorkshop .schwTitle{

	color: #559952;
}

.scwWorkshop .subName h4{
	color: #4792cc;
}

.scwWorkshop .mainName h1{
	color: #559952;
}

/*classes*/

/*.scwClass .featuredDates .fdBtm p{
	color: #4792CC;

}

.scwClass .featuredDates .fdTop {
	background: #559952;
}
*/
.scwClass a{
	color: #8f2a32;
}
.scwClass .mainButton a{
	color: #fff;
	background: #007AB1;
	min-width: 180px;
}
.seminar .mainButton a{
		min-width: 180px;
}


.scwClass H1, .scwClass H2, .scwClass H3{
	color: #9E1F2A;
}

.scwClass .tbTop H3{
	color: #000;
}

.scwClass .pbbtm H3{
	font-size: 21px;
	line-height:normal;
	background-image: url(../images/learnmoreBullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 21px;
	color: #012851;
	margin:0;
}

.scwClass H1 a{
	color: #9E1F2A;
	text-decoration:none;
}

.scwClass .scwr3, .scwClass .scwr5, .scwClass .f1 {
    background:  #9E1F2A;

}

.scwClass .scwr3, .scwClass .scwr5 {


	text-align: center;
}

.scwClass .scwr2btn{
	padding: 1.4em 0;
}

.scwClass .scwr3 h2, .scwClass .scwr5 h2,  .scwClass .scwr7 h2{
	margin: 0;
    padding: .3em 0;
    font-weight: 400;
	color: #fff;
}
.scwClass .scwr4{
    background-color: #F1F1F1;
    padding: 2.8em 0;
}

.scwClass  .scwr7 {
	background-color: #7F7F7F;
	padding: 2.8em 0;
	color: #fff;
}
 .scwClass .scwr7 h2{
	 text-align: center;
 }

.scwClass .scwr7 .L23actions .sf_3cols_2_34 {
    box-sizing: border-box;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
 .scwClass .scwr7, .scwClass .scwr8{
    padding: 2.8em 0;
 }


 .SCWeyebrownav{
	 text-align:right;
	 font-size: 12px;
 }
  .SCWeyebrownav a{
	 display: inline-block;
	 width: 100%;
	 max-width: 300px;
	 text-align:center;
	 padding-top: 6px;
	 color: #000;
 }
.scwClass  .regButton {
	float: right;
min-width: 300px;
    text-align: center;
	min-height:70px;
}

 .scwClass .logoLink {

    float: left;
}

.scwClass .schwTitle{
	margin: -30px 300px 0 300px;
	text-align: center;
	line-height: 70px;
}

.scwClass .schwTitle{

	color: #660009;
}

.scwClass .subName h4{
	color: #4e3f34;
}

.scwClass .mainName h1{
	color: #660009;
}

.scwClass .promoblock{
	border: 6px solid #fff;
	background: #fff;
	margin-bottom: .6em;
}

.scwClass .pbtop{
	background:#9E1F2A;
	color: #fff;
	text-align:center;

}

.scwClass .pbtop h3{
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	padding: .5em 0;
	color: #fff;
	text-align: center;
}

.scwClass .pbmid{
	height: 130px;
	background: #ccc;
}

.scwClass .pbbtm{
	padding: .8em;
}

.scwr2cp{
	padding: 0 1em;
}

.faq_list {
    background-color: #DDECF3;
    list-style-type: none;
    padding: 2.125em;
}

.gray_wrap {
    background-color: #f1f2f4;
    padding: .5em 1em;
}

/**************** migrated tables**********************/
.table_wrapper {
	width: 80%;
	padding: 1em;
}
.scwWorkshop .table_wrapper {
	background-color: #559952;
}

.scwSeminar .table_wrapper {
	background-color: #012851;
}

.scwClass .table_wrapper {
	background-color: #9E1F2A;
}

.table_wrapper table {
	width:100%;
	background-color: #fff;
}
.table_wrapper h3 {
	margin: 0;
}
.table_wrapper th {
	text-align:left;
		padding:.6em .6em;
}
 .table_wrapper td {
	padding:.3em .6em;
}
/****************Newsletters****************************/
.nwltrBanner img {
    width: 100%;
}
.nwltrNamePlate {
    text-align: center;
}
.nwltrRight h2 {
    border-top: 6px solid #d4d2d3;
    padding-top: 10px;
    clear: both;
}
.nwltrRight .sfContentBlock:nth-of-type(1) h2 {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
/******************************************************/
.clearingblock{
	width: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.grecaptcha-badge{ visibility: collapse !important; }

/* AI 136385: 3/23/2026 */
:root {
  --navy:   #00274C;
  --red:    #B31B1B;
  --blue:   #4B9CD3;
  --gold:   #FFD520;
  --green:  #007030;
  --white:  #ffffff;
  --border: #EAECF0;
  --text:   #1A2235;
  --muted:  #5A6578;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Roboto', sans-serif;
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  background: var(--white);
}

.inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ── HERO ── */
.hero-stripe {
  background: var(--navy);
  position: relative;
  overflow: hidden;
	margin-bottom: 15px;
}
.hero-stripe__kaleido {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url('../images/hero-kaleidoscope1.png');
  background-size: cover;
  background-position: left left;
  opacity: 0.6;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.2) 30%, black 60%);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.2) 30%, black 60%);
}
.hero-stripe .inner {
  position: relative; z-index: 1;
  display: flex; align-items: center;
  justify-content: space-between; gap: 24px;
  padding-top: 28px; padding-bottom: 28px;
}
.hero-eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.16em;
  color: var(--gold); margin-bottom: 6px;
}
.hero-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px; font-weight: 800;
  color: white; letter-spacing: -0.02em; line-height: 1.1;
}
.hero-right {
  display: flex; align-items: center; gap: 16px; flex-shrink: 0;
}
.hero-avatar {
  width: 46px; height: 46px; background: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px; font-weight: 700; color: white; flex-shrink: 0;
}
.hero-name {
  font-family: 'Montserrat', sans-serif;
  font-size: 13.5px; font-weight: 700; color: white; line-height: 1.2;
}
.hero-sub { font-size: 12px; color: rgba(255,255,255,0.45); margin-top: 2px; }
.hero-badge {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.1em;
  color: var(--navy); background: var(--gold);
  padding: 5px 13px; flex-shrink: 0;
}

/* ── COLUMNS BODY ── */
.dashboard-body {
  background: var(--white);
  /* AI 136385: 4/8/2026 - padding: 48px 0 60px; */
}

.columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  /* vertical separators via box-shadow on inner columns */
}

/* Each column */
.col {
  padding: 0 40px;
  border-right: 1px solid var(--border);
}
.col:first-child { padding-left: 0; }
.col:last-child  { border-right: none; padding-right: 0; }

/* Column header */
.col__header {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.col__header-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.col__header-icon {
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.col__header-icon svg {
  width: 34px; height: 34px;
}
.col__title {
  font-family: 'Montserrat', sans-serif;
  /* AI 136385: 4/8/2026 - font-size: 14px; */
  font-size: 18px;
	font-weight: 800;
  color: var(--navy); letter-spacing: -0.01em;
}
.col__accent {
  width: 22px; height: 3px;
}
.col--profile  .col__accent { background: var(--blue); }
.col--account  .col__accent { background: var(--red); }
.col--volunteer .col__accent { background: var(--green); }
.col__desc {
  /* AI 136385: 4/8/2026 - font-size: 12px; */
  font-size: 14px;
	/* AI 136385: 4/8/2026 - color: var(--muted); */
	color: #231F20;
	line-height: 1.55;
	/* AI 136385: 4/8/2026 */
	font-family: 'Roboto';
}

/* Link rows */
.link-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 0;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--border);
  transition: background .12s;
}
.link-row:last-child { border-bottom: none; }

.col--profile  .link-row:hover .link-row__label { color: var(--blue); }
.col--account  .link-row:hover .link-row__label { color: var(--red); }
.col--volunteer .link-row:hover .link-row__label { color: var(--green); }

.link-row__icon {
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  opacity: 0.8;
}
.link-row__icon svg {
  width: 38px; height: 38px;
  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
  fill: none;
}
.col--profile   .link-row__icon svg { stroke: var(--blue); }
.col--account   .link-row__icon svg { stroke: var(--red); }
.col--volunteer .link-row__icon svg { stroke: var(--green); }

.link-row__label {
  font-family: 'Montserrat', sans-serif;
  /* AI 136385: 4/8/2026 - font-size: 12px; */
  font-size: 16px;
	font-weight: 600;
  color: var(--navy);
  line-height: 1.3;
  transition: color .12s;
}

/* ── RESPONSIVE ── */
@media (max-width: 720px) {
  .columns { grid-template-columns: 1fr; }
  .col { padding: 24px 0; border-right: none; border-bottom: 1px solid var(--border); }
  .col:last-child { border-bottom: none; }
  .hero-stripe .inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .hero-right { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .inner { padding: 0 20px; }
}

/* AI 136385: 3/24/2026 */
.collapse.in {
	visibility: visible !important;
}