@charset "UTF-8";
/* CSS Document */

/*----from previous version----*/
/* Tasks Layout Adjustment for Group Sets */
#Main3635871 .table th, .table td {
    width: 25%;
}

/* Tasks Module Spacing Objective Text Adjustment */
#Main3854263 .subContentPadding {
    margin-bottom: 15px;
}

/* Hide Tasks Project Description on Workspace Page */
#Main3854263 .MCProjectDesc {
    height: 1px;
}

/* Update Directory Image Size */
.tsAppDirPhoto {
    max-width: 95% !important;
}

/*----start custom style here----*/

:root {

  --primary: #1E4673;
  --secondary: #00A5D7;
  --success: #667312;
  --info: #3FD2FF;
  --warning: #ffc107;
  --danger: #732F29;
  --light: #F8F9FA;
  --dark: #343A40;
  --breakpoint-md: 767px;
  --font-family-sans-serif: 'Open Sans', sans-serif;
  --font-family-serif:'Spectral SC', serif;
	
  --action: #B7CB34;
  --actionhover: #C6DE29;	
  --infohover: #63D9FD;
  --dangerhover: #A7352B;
  --successhover: #809016;

  --content-max-width: 1110px;
	
	
}

/*typesize reset*/

h1, h2, h3, h4, h5 {font-weight: normal; color: var(--primary);}

h1 {font-size: 2.5em; line-height: 1.1;}
h2 {font-size: 2.2em; line-height: 1.1;}
h3 {font-size: 2em; line-height: 1.1;}
h4 {font-size: 1.5em; line-height: 1.1;}
h5 {font-size: 1.2em; line-height: 1.1;}
h6 {font-size: 1.075em; line-height: 1.1;}

h1.display {font-size: 3.5em; line-height: 1.05; text-align:center;}
h2.display, h2.section {font-size: 3.25em; line-height: 1.05;}

.TitleText h2 {font-size: 2.2rem;}
#evRegContainer.evRegV2 h3 {line-height: 1.1 !important;}

@media (max-width: 767px)  {
	h1.display {font-size: 2.825em; }
h2.display, h2.section {font-size: 2.75em; }
}

.well > h2.display {font-size: 2.5em;}

/*COLUMNS*/
/*add in contemporary bootstrap column definition */

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
	display:flex;
	margin-bottom: 1.5em;
}  

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66666667%;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/*all cols go full width for mobile*/
@media (max-width: 767px)  {
	.row {flex-direction: column; margin-bottom: 0;}
	.row .col {margin-bottom: 1.5em;}
	.row .col-4, .row .col-8  {  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;}
}



/*LINKS*/

.zoneresource a:not(.btn,.swPrimary,.accordion-toggle, .muted, .swCatalogCreditBoxCard, .MCBlogEntryTitle>a,#fileShareTopNavTabs>li>a,ul#tabs>li>a,ul.nav>li>a,a.swHeartIcon,div.event-date>a,div.catev>a, a.thumbnail){
	color: black;
	border-bottom: 1px solid rgba(183,203,52,.6);
box-shadow: 0 -7px 0 rgba(183,203,52,.6) inset;
}

.zoneresource a:not(.btn,.swPrimary,.accordion-toggle,.muted,.swCatalogCreditBoxCard,#fileShareTopNavTabs>li>a,ul#tabs>li>a,ul.nav>li>a,a.swHeartIcon,div.event-date>a,div.catev>a,a.thumbnail):hover,
.swCatalog .boldHoverText:hover,
.MCBlogViewEntryContainer .MCBlogEntryTitleContainer .MCBlogEntryTitle > a:hover {
	color: black;
box-shadow: 0px -10px 0px rgba(183,203,52,1) inset;
}


/*remove link formatting from specified text*/
.eventinfo a > p,
.thumbnails a.thumbnail > p, 
.well .nav.nav-list li > a,
.MCBlogEntryTitle > a,
a.clear, 
.navbar-inner ul.nav li a,
.pagination li a,
.zoneresource li a.tooltip-icon,
a>i, #myPage .tab-pane li > a,
a.swPrimary,
i.bi, .container #zoneMain .label > a,.container #zoneMain .badge > a,
.container #zoneMain a[title="Click to view document"]{
	border: none;
box-shadow: none;
}
#myPage .nav-tabs > li > a, 
#myPage .nav-pills > li > a,
.thumbnails a.thumbnail, .swOnDemand.swOnDemandBorder,
a.accordion-toggle,
a.swPrimary.historyIcon,
a.swPrimary.historyText,
a.tooltip-icon, #tabs li a,
.pagination ul > li > a,
#bk_content #seachResultsPaginationBar .pager li > a{
	box-shadow: none;
}
	
/* in the CLE catalog, make register button match primary button */
#Main2980387 > div > div.row-fluid > div > div.content > div.row-fluid > div.span4.pull-right.swCatalogContLightSection > a[name="btnRegNow"],#bk_list .searchReportButton,#btnFilterMyHistory{
    font-family: 'Open Sans', sans-serif !important;
    font-style: normal;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    background: #B7CB34 !important;
    color: #0a2338 !important;
    padding: 5px 10px;
    border: 2px solid #B7CB34 !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer  !important;
    border-radius: 5px;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 16%);
}
#Main2980387 > div > div.row-fluid > div > div.content > div.row-fluid > div.span4.pull-right.swCatalogContLightSection > a[name="btnRegNow"]{
margin:auto;
width:100%;
}
#bk_list .searchReportButton .icon-file{
margin-bottom:10px;
}


/*BUTTONS*/

button, 
input.tsAppBodyText
{font-family: var(--font-family-sans-serif);}

button, .btn,
.freqBtn,
input[type="submit"]{
	border-radius: 5px;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
}
.NYSButton.dropdown-toggle{
color: var(--primary) !important;
}
.myAccountHolder{
border-radius:5px;
}
.myAccountHolder, 
.mob-search-open,
.navIcon,
.BlueButton,
.btn.btn-primary,
.btn.white-button,
.contributeBtn.btnSelected,
.btn.btn-default,
button.btn[type="submit"], 
input[type="submit"],
.zoneresource .swCatalogLanding .browse a.swOnDemand.swOnDemandBorder,
.swCatalog a.addcart.swPrimary,
input[name="btnAddResume"],
input[name="btnAddJob"],
input[name="submitBtn"],
button#saveBtn,
#commentObj .tsAppBodyButton{
	color: var(--primary) !important;
	background-color: var(--action) !important;
	background: var(--action) ;
	background-image:none;
	border-color: var(--action);
	box-shadow: 0px 3px 8px #0000003D;
}
.BCBAnoBullets.myAccountHolder>ul{
box-shadow: 0px 3px 10px #00000066;
}
.BCBAnoBullets.myAccountHolder>ul>li:hover{
background:#B7CB34 !important;
font-weight:normal !important;
}
.BCBAnoBullets.myAccountHolder>ul>li>a:hover{
font-weight:normal !important;
}

/*Make button primary styling consistent for buttons using input elements */
input[name="btnAddResume"],
input[name="btnAddJob"],
input[name="submitBtn"],
button#saveBtn{ 
border-radius:4px !important;
font-weight:500 !important;
padding:4px 12px !important;
border-style:none !important;
}

.myAccountHolder:hover,
.mob-search-open:hover,
.navIcon:hover,
.BlueButton:hover,
.searchDiv a:hover,
.btn.btn-primary:hover,
.btn.white-button:hover,
.contributeBtn.btnSelected:hover,
.btn.btn-default:hover,
button.btn[type="submit"]:hover,
input[type="submit"]:hover,
a[name="btnRegNow"]:hover,
.zoneresource .swCatalogLanding .browse a.swOnDemand.swOnDemandBorder:hover,
.swCatalog a.addcart.swPrimary:hover,
input[name="btnAddResume"]:hover,
input[name="btnAddJob"]:hover,
input[name="submitBtn"]:hover,
button#saveBtn:hover,
a.swOnDemand:hover,
#commentObj .tsAppBodyButton:hover{
	background-color: var(--actionhover) ;
	background: var(--actionhover) !important;
	background-image:none;
	border-color: var(--actionhover) !important;
	box-shadow: 0px 3px 8px #0000003D;
}
.myAccountHolder:focus,
 .mob-search-open:focus,
.navIcon:focus,
.BlueButton:focus,
.searchDiv a:focus,
.btn.btn-primary:focus,
.btn.white-button:focus,
.contributeBtn.btnSelected:focus,
.btn.btn-default:focus,
button.btn[type="submit"]:focus,
input[type="submit"]:focus,
a[name="btnRegNow"]:focus,
.zoneresource .swCatalogLanding .browse a.swOnDemand.swOnDemandBorder:focus,
.swCatalog a.addcart.swPrimary:focus,
.tsAppBodyButton[name="btnAddResume"]:focus,
button#saveBtn:focus,
#commentObj .tsAppBodyButton:focus{
	background-color: var(--actionhover);
	background: var(--actionhover) !important;
	background-image:none;
	border-color: var(--actionhover) !important;
	box-shadow: 0px 3px 8px #0000003D;
}

/*Comment button & container*/
#commentObj{
border:none !important;
background-color:inherit !important;
display:none !important; /*Hide Comment field on blog entries */
}
#commentObj input.tsAppBodyText{
max-width:98% !important;
}
#commentObj .tsAppBodyButton{
border:none !important;
font-family: var(--font-family-sans-serif) !important;
margin:20px;
font-weight: 500 !important;
padding: 4px 12px !important;
}


/*Button Secondary*/
.btn.btn-secondary, .btn.btn-info, 
.calendar.MCCalendarNavBarWrapper .calendarNavBar .btn,
#bk_content #seachResultsPaginationBar .pager li > a,
.swCatalog .swPrimaryBkgd[name="btnLogin"],
.swCatalog .swPrimaryBkgd[data-original-title="Open filtering options"],
.swCatalog a.swPrimaryBkgd.filter-btn, .btn-group .btn.btn-small{
	color: var(--primary);
	background-color: var(--info);
background: var(--info);
	background-image:none;
	border-color: var(--info);
}
/*Additional button secondary size/padding styles for specific elements where required*/
li>a.swPrimary.viewDetails}{
padding-top: 4px !important;
padding-bottom: 4px !important;
padding-left: 12px !important;
padding-right: 12px !important;
border-radius:2px !important;
}

.btn.btn-secondary:hover, .btn.btn-info:hover,
.calendar.MCCalendarNavBarWrapper .calendarNavBar .btn:hover,
.calendarNavBar>button:hover,
#bk_content #seachResultsPaginationBar .pager li > a:hover,
.swCatalog .swPrimaryBkgd[name="btnLogin"]:hover,
.swCatalog .swPrimaryBkgd[data-original-title="Open filtering options"]:hover,
.swCatalog a.swPrimaryBkgd.filter-btn:hover, .btn-group .btn.btn-small:hover{
	color: var(--primary) !important;
	background-color: var(--infohover);
	background-image:none;
	border-color: var(--infohover);
}

.btn.btn-secondary:focus, .btn.btn-info:focus,
#bk_content #seachResultsPaginationBar .pager li > a:focus,
.calendarNavBar>button:focus,
.swCatalog .swPrimaryBkgd[name="btnLogin"]:focus,
.swCatalog .swPrimaryBkgd[data-original-title="Open filtering options"]:focus,
.swCatalog a.swPrimaryBkgd.filter-btn:focus, .btn-group .btn.btn-small:focus {
	color: var(--primary) !important;
	background-color: var(--infohover);
	background-image:none;
	border-color: var(--secondary);
}

.btn.btn-danger {
	color: var(--light);
	background-color: var(--danger);
	background-image:none;
	border-color: var(--danger);
}

.btn.btn-danger:hover {
	color: var(--light);
	background-color: var(--dangerhover);
	background-image:none;
	border-color: var(--dangerhover);
}

.btn.btn-danger:focus {
	color: var(--light);
	background-color: var(--dangerhover);
	background-image:none;
	border-color: var(--danger);
}

.btn.btn-success {
	color: var(--light);
	background-color: var(--success);
	background-image:none;
	border-color: var(--success);
}

.btn.btn-success:hover {
	color: var(--light);
	background-color: var(--successhover);
	background-image:none;
	border-color: var(--successhover);
}

.btn.btn-success:focus {
	color: var(--light);
	background-color: var(--successhover);
	background-image:none;
	border-color: var(--success);
}


.btn.btn-outline, .freqBtn, button.freqBtn, 
.btn.btn-outline,
.controls .btn,
.btn[value="Previous"],
.btn[value="Next"],
.contributeBtn, #updateQuickLink li a {
	color: var(--primary) !important;
	background-color: Transparent !important;
	background-image: none;
	border-color: var(--action) !important;
}


.btn.btn-outline:hover, .freqBtn:hover, button.freqBtn:hover,
.btn.btn-outline:hover, .controls .btn:hover,
.btn[value="Previous"]:hover,
.btn[value="Next"]:hover,
.contributeBtn:hover, #updateQuickLink li a:hover{
	color: var(--primary) !important;
	background-color: Transparent !important;
	background-image: none;
	border-width: 1px;
	border-color: var(--actionhover) !important;
}

.btn.btn-outline:focus.freqBtn:focus, button.freqBtn:focus, 
.btn.btn-outline:focus, .controls .btn:focus,
.btn[value="Previous"]:focus,
.btn[value="Next"]:focus,
.contributeBtn:focus, #updateQuickLink li a:focus{
	color: var(--primary) !important;
	background-color: Transparent !important;
	background-image: none;
	border-width: 2px;
	border-color: var(--actionhover) !important;
}

.btn-lg {
	padding: .75rem 1.25rem;
	font-size: 1.25rem;
}


/*COMPONENT RE-STYLING*/

/*Non-header search box styling*/
.swPrimaryBkgd.swSearchBox{
box-shadow:none !important;
border:none !important;
padding-left:0;
}

form.form-search > .swSearchBoxInputFieldFlex{
padding-bottom:3px !important;
}
i.bi.bi-search{
padding:8px !important;
}
input#_swkwl[name="_swkwl"]{
border:none !important;
webkit-border:none !important;
box-shadow:none !important;
webkit-box-shadow:none !important;
}

/*List items vertical spacing*/
li.mc-mergeTagListItem{
padding:4px auto;
}

.nav-tabs .tabLi a, #tabs li a, #fileShareTopNavTabs>li>a,
.content .tabLi {background: var(--secondary) !important;}
.zonewrapper #tabs a:link, .zonewrapper #tabs a:visited {color: black;}

.nav-tabs .tabLi a:hover, #tabs li a:hover,
#tabs li a:hover,
#fileShareTopNavTabs>li>a:hover,
.content .tabLi:hover {background: var(--infohover) !important; color: black;}

.nav-tabs .tabLi.active a, #tabset_searchjobs #tabs li#nav_searchjobs a, #tabset_searchresumes #tabs li#nav_searchresumes a, #tabset_myresume #tabs li#nav_myresume a, #tabset_myjobs #tabs li#nav_myjobs a, #tabset_manage #tabs li#nav_manage a,
#fileShareTopNavTabs>li.active>a,
.content .tabLi:active{
	background: var(--primary) !important;
	color: white !important;
}



.nav-list > .active > a, .zoneresource div#s_listing .nav-list > .active > a { 
	color: var(--dark) !important;
	background-color: var(--action);
}

.zonewrapper #tabs {padding-bottom: 38px;}
.zonewrapper #tabs li a {border-radius: 4px 4px 0 0; line-height: 1.42857; padding: 7px;}


.well, .swPrimaryBkgd.swSearchBox
{
	background-color: #FFFFFFD9;
	box-shadow: 0px 3px 10px #00000066;
	border-radius: 8px;
	border: none;
}

.tsAppBodyText.tsDocViewerDocument.s_row 
{
	box-shadow: 0px 3px 10px #00000066;
	border-radius: 8px;
	border: none;
	padding: .75em;
margin-bottom: 1em;
}

.well .well,
#seachResultsPaginationBar.well { box-shadow: none; background-color: var(--light);}

.swCatalogMiddleSec .swPrimaryBkgd.swSearchBox {background-color: #FFFFFFD9!important;}

.contribution-nav.nav-tabs > li > span.tabBox {
	color: var(--primary) !important;
}

.title-blue, .display, .TitleText, .TitleText h2,
.zonewrapper > .zoneresource > .row-fluid:first-child > .span7 > h2,
.page-header.span12 > h2{
	color: var(--primary);
	font-family: var(--font-family-serif);
	font-weight: normal;
}

p.InfoText, .InfoText, .intro {
	font-size: 1.125em;
	font-weight: bold;
	color: var(--dark);	
}

.intro {
	text-align:center;
}

.label, .badge {background-color: var(--info);}
div.s_row_alt {background-color: var(--light);}

@media (min-width: 1280px) {
	.intro {max-width: 80%; margin:auto;}
}

.event-Box {
	border-radius: 6px;
}
/*Height adjustment date boxes*/
.event-Box .dateBox {
	border-radius: 6px 0px 0px 6px;
height:auto;
}

.event-date {
	font-family: var(--font-family-serif);
}


.well.event-date {
	color: White;
	background-color: var(--primary);
	text-transform: uppercase;
}
.well .well.event-date a {
	color: white;
	border-bottom: none;
	box-shadow:none;
}


.well.event-date .lead {
	font-size: 3em;
}

.well.well-small.catev > a:nth-child(2) strong {font-size: 2.2em; line-height: 1.1;}

.thumbnail {border-radius: 8; background-color: #FFFFFFD9;}

.zoneresource .swCatalog .featuredPrograms .thumbnail:hover {
		box-shadow: 0px 3px 10px #00000066 !important;
}

.zoneresource .swCatalog .swPrimaryBorderHover:hover {
	border-color: var(--action) !important;
}

.zoneresource .swCatalog .boldHoverText:hover {
	font-weight: normal !important;
}

.well.well-small.catev {padding: 1em !important;}
#HidepastEventMessage {margin-bottom: 1.5em;}
.calendar .calendarNavBar button {
	margin: 0 .5%;
}

.zoneresource .swCatalogLanding .swSearchBox p .lead {color: var(--dark);}
.zoneresource .swCatalogLanding .swPrimaryBkgd.swSearchBox .swSearchBoxInputFieldFlex {border-bottom: 1px solid var(--primary);}
.zoneresource .swCatalogLanding .swPrimaryBkgd.swSearchBox .swSearchBoxInputFieldFlex > input {color: var(--primary);}


.zoneresource .swCatalog .swOnDemandBorder {background: var(--primary);	border-radius: 2em;}

.zoneresource .swProgramDetails .swProgramDetailsHeader-right .sw-brand-label {font-size: 1em; padding: .35em 1.2em; top: -26px; color: var(--info) !important;}
.zoneresource .swProgramDetails .swProgramDetailsHeader-right .sw-brand-label [class*=" bi-"]::before {line-height: 1.3;}

.navbar-inner{ background-image: none; background-color: #f5f5f5; border: none;}

.tsAppHeading {font-family: var(--font-family-serif); font-size: 2em; line-height: 1.1; color: var(--primary);}
.JobBankHeading {font-family: var(--font-family-sans-serif)!important; font-size: 1.5rem !important; color: var(--primary)!important;}
.tsAppBodyText {font-family: var(--font-family-sans-serif); font-size: 1rem;}

  /*Member directory page*/
  #Main12269706 .page-header.span12 {padding: 0; margin: 0 0 1.5em;}
#Main12269706 .clearfix.btn.btn-large.btn-primary {margin-bottom: 3em;}
.copyright p {  font-size: .825em; line-height: 2;}

/*dashboard*/
.content .zoneresource #myPage .tab-pane .mc-mergeTagList li a {
	box-shadow:none;
	border-bottom:none;
	margin-bottom: .25em;
}

.content .zoneresource #myPage .tab-pane .mc-mergeTagList li {
	margin-bottom: .5em;
}

/* Profile Management */
#updateQuickLink li {display:inline-block; line-height: 2;}
#updateQuickLink li a {border-width: 2px 2px 2px 2px !important;
border-style: solid;
  border-bottom-style: solid;
box-shadow: none !important;
padding: 2px 4px;}




/*CUSTOM ELEMENTS*/

.alternatingrows th {font-family: var(--font-family-serif);}
.alternatingrows tr:nth-child(even) {background: var(--light);}
.alternatingrows tr:nth-child(odd) {background: rgba(0,165,215,.078);}
.alternatingrows th, .alternatingrows td {padding: .3em .6em; border-bottom: 2px solid white;}


.spacer {margin: 2.5vh 0 0;}

.lightblue-card > .row {
	margin-left: 0;
}

.heroimg {
	box-shadow: 0px 3px 10px #000000D9;
border-radius: 6px;
	max-width: 100%;
	height: auto;
	margin: 1em 0 1.5em;
}
.MCBlogFtdImageContainer > img{
box-shadow: 0px 3px 10px #000000D9;
border-radius: 6px;
}


#Main11941098 .col-4.lightblue-card {
	margin-left:calc(var(--bs-gutter-x) * .5);
	margin-right: calc(var(--bs-gutter-x) * .5);	  
	flex: 0 0 calc(33.333333% - var(--bs-gutter-x));
}

#billlist .row {
	border: 1px solid #eee;
	border-left-width: 0;
	border-right-width: 0;
	padding: 1em 0;
  	margin-bottom: 0;
}

#billlist .row .col-4 {font-weight: bold;}
#billlist .row .col-4 > a:first-child {display:block; font-size: 110%;}
#billlist .row.header {font-family:var(--font-family-serif); background-color: #eee; font-weight: bold; position: static;} 

/*Main Template*/
/*EVENT PAGE TEMPLATE*/

/*PAGE HEADING*/
#page-header >h1 > small{
text-align: left;
font-family: 'Spectral SC', serif !important;
font-size:56px !important;
font-weight:medium;
letter-spacing: 0px;
color: #1E4673;
}

li.searchDiv{
margin-right:0 !important;
}



/*SIDEBAR*/
#Main2980373 div.sidebox{
background: #FFFFFFD9 0% 0% no-repeat padding-box;
box-shadow: none;
opacity: 1;
border:none !important;
}
/*Card-style First Box*/
#Main2980373 div.sidebox:nth-child(1){
box-shadow: 0px 3px 10px #00000066;
border-radius: 8px !important;
padding:21px;
}
@media only screen and (min-width: 768px) and (max-width: 978px){
#Main2980373 div.sidebox .sideboxtitle{
font-size:20px;
padding-left:0;
}
}

/*Blog Display*/
.MCBlogListEntriesContainer > form > div {
	  display: flex; flex-wrap: wrap;
		justify-content: space-between;
}

.MCBlogListEntriesContainer > form > div .row-fluid.MCBlogListEntryContainer {
	padding: .75em;
background: #f8f9fa;
border-radius: 8px;
	margin-bottom: 2%;
}
/*Blog and event title sizing*/
h3.MCBlogEntryTitle,
.well >a >strong{
    font-size:1.5em !important;
}

.MCBlogListEntriesContainer .row-fluid.MCBlogListEntryContainer .MCBlogSummaryContentContainer img.wideimage {
	max-width: 100%; height: auto !important;
}

.row-fluid.MCBlogListEntryContainer .MCBlogMainContentContainer p > a {
	color: #000000 !important;
}

.MCBlogEntryTitle > a {
border-bottom: none; 
box-shadow: none;
}
.MCBlogListEntryContainer a.thumbnail{
border:none !important;
padding:0;
}

@media (min-width: 540px) {
	.MCBlogListEntriesContainer > form > div .row-fluid.MCBlogListEntryContainer {
		width: 48%;}
}
@media (min-width: 960px) {
	.MCBlogListEntriesContainer > form > div .row-fluid.MCBlogListEntryContainer {
		width: 32%;}
}


/*Sidebar Card Content*/
div.sidebox div.sideboxtitle{
background:rgba(255,255,255,0) !important;
}
.sideboxbody a>img{
display:none;
}
.sideboxbody div>a{
border: 1px solid var(--unnamed-color-b7cb34);
border-radius: 5px;
opacity: 1;
font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-16)/22px var(--unnamed-font-family-open-sans);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1e4673);
letter-spacing: 0px;
text-transform: uppercase;
}

.sideboxtitle[role="heading"]{
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-28-8) var(--unnamed-font-family-spectral-sc);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1e4673);
text-align: left;
font: normal normal normal 24px/29px Spectral SC;
letter-spacing: 0px;
color: #1E4673;
font-weight:normal !important;
}
/*Make Calendar Links Button Style*/
#Main2980373 .sideboxbody:has(div>a>img) {
display:flex;
flex-wrap:wrap;
}

#Main2980373 .sideboxbody>div:has(a>img){
margin:6px 6px 6px 1px;
}

#Main2980373 .sideboxbody:has(div>a>img)>div>a{
    display: inline-block;
text-align:center;   
padding:8px 10px 8px 6px;
  font-style: normal;
   text-transform: uppercase;
    font-weight: 400;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: var(--primary);
    background-color: transparent;
    background-image: none;
    border-color: var(--action);
box-shadow:none !important;
}

#Main2980373 .sideboxbody:has(div>a>img)>div>em{
width:100% !important;
align-self:start;
padding-top:10px;
}
/* remove whitespace from nbsp in calendar card body */
/*.sideboxbody>div{
margin-left:-8px;
}
*/


/* format profile links under name as a horizontal outline button group */
/*Widen the container*/
.span5.myInfo:has(.profileLinksWrap){
width:89% !important;
margin-left:4px !important;
}
.span5.myInfo span.BodyText >a{
font-size:14px !important;
color: var(--primary) !important;
}
.span5.myInfo span.BodyText{
line-height:20px !important;
}
.span5.myInfo .showBullets>li{
margin-top:0 !important;
}
@media(max-width:650px){
.span5.myInfo .showBullets>li{
margin-top:4px !important;
}
}
/*Float and style list items*/
.profileLinksWrap ul.showBullets>li{
float:left;
padding:8px;
margin: 10px 5px 20px 0;
    list-style: none !important;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    box-sizing: border-box;
    text-decoration: none;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-transform: uppercase;
    color: var(--primary);
    background-color: var(--action);
    background-image: none;
    border-color: var(--action);
    box-shadow: 0px 3px 8px #0000003D;
}
/* fix alignment of breadcrumbs - do not extend past nav */

.bannerCaption > .BCBAnoBullets {
    max-width:var(--content-max-width);
}

/* add box shadow to .top-leftimg img  {0 3px 10px rgba(0,0,0,.85)} */
.top-leftimg {
    box-shadow:0 3px 10px rgba(0,0,0,.85);
}
/* clean up formatting of date block to match provided layout */
/* Outer */
.dateBox{
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 28px/80px Spectral;
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
text-align: center;
font: normal normal normal 28px/80px Spectral;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
}
/* Inner */
.dateBox > span{
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 60px/60px Spectral;
font: normal normal bold 60px/60px Spectral;
}


/* make jump/text links the standard text link style and not blue/bold on hover */
/*!Note: Do this by removing these classes: '.swPrimary .boldHoverText'
and adding this class: '.link'
*/
.jumpToList a{
font-style: normal;
line-height: 1.37;
font-size: 16px;
font-weight: 400;
text-decoration: none;
box-shadow: inset 0px -7px rgba(183, 203, 52, 0.60) !important;
}
.jumpToList a:hover, .jumpToList a:clicked{
color: #005580;
font-weight:400 !important;
font-size: 16px !important;
}


/* fix formatting on the filter/search form */
button[data-target='fStartDate'],button[data-target='fEndDate']{
display:none;
}
@media(min-width:979px){
#btnFilterMyHistory{
position:relative !important;
left:45px !important;
}
}
/* .btn.btn-success.btn-small.searchReportButton - make standard button appearance (not success for this special case) */

/*!Note: Do this by removing the class: 'btn-psuccess'
and adding this class: '.btn-primary '
*/

/* results list titles - make h4 appearance with link highlight */
/*!Note: Do this by changing the <h5> tags to <h4> tags, 
and adding the class: '.link'
*/
#bk_content a >b{
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-24);
  line-height: var(--unnamed-line-spacing-26-399999618530273);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e4673);
text-decoration: none;
box-shadow: inset 0px -7px rgba(183, 203, 52, 0.60) !important;
}
#bk_content a >b:hover,#bk_content a >b:clicked{
color: #005580;
} 
/* body/content text links style  */
 .textlink,a>p:not(.footerText a,.footer,.header,.btn,.nav,.dropdown,.muted),p>a:not(.footerText a,.footer,.header,.btn,.nav,.dropdown) {
        border-bottom:1px solid rgba(183, 203, 52, 0.6);
        box-shadow: 0px -7px 0 rgba(183, 203, 52, 0.6) inset;
    }
.footerText a{
box-shadow:none !important;
border-bottom:none !important;
}
   
    .textlink:hover,a>p:not(.btn,.nav,.dropdown,p:has(.muted)):hover,p>a:not(.btn,.nav,.dropdown):hover {
       box-shadow: 0 -10px 0 rgba(183, 203, 52, 1) inset
    }

/*Donate Page*/
.title-blue,
#Main2980371 .contribution-nav.nav-tabs > li > span.tabBox,
.contribution-step:not(.active .contribution-step){
color:var(--primary) !important;
}

.active .contribution-step{
background: var(--primary) !important  ;
color:#fff;
}
.header .navbar .btn-navbar.collapsed .icon-bar{
background: var(--primary)  !important;
}

/*Join Page*/
.tsAppSectionHeading{font-size: 22px !important; font-weight: 600; font-family: "Open Sans",sans-serif;color: var(--primary) !important;}

/*Zoom Custom Background Page */
.zoom-br-container-2 {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -8px;

  }
 .zoom-br-column-2 {
    flex: 1;
    min-width: calc(33.333% - 16px);
    padding: 8px;
    box-sizing: border-box;
    position: relative;
cursor:pointer;
  }
  .image-container {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
border-radius:5px;

  }
.image-container:hover{
	box-shadow: 0px 3px 10px #00000066;
}
  .image-container:hover .overlay-zoom-br {
    opacity: 1;
  }
 .overlay-zoom-br {
    background-color: rgba(30, 70, 115, 0.7);
    opacity: 0;
    width: 100%;
   height: auto;
   max-height:60%;
    padding:10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s;
  }
.overlay-zoom-br span {
    color: white;
    font-size: 1.075rem;
	font-weight:500;
    text-align: center;
  }
    @media only screen and (max-width: 1000px) {
    .zoom-br-column-2  {
      min-width: 50%;
    }
  }
  @media only screen and (max-width: 768px){
    .zoom-br-column-2  {
      min-width: 100% !important;
    }
  }


/*--Bottom Content Margins --*/

#Main2980376, #Main2980363, #Main2980391, #Main2980379, #Main2980373, #Main2980387
{margin-bottom: 3em;}

/*Homepage News Callout Styling Revisions*/
.imgBox img{
  border:none;
}
.bottom-info{
  cursor:pointer;
}

.iw-bi-content > p > a:hover{
  box-shadow:none !important;
  text-decoration:none !important;
  color:black !important;
}
.bottom-info:hover a:has(.arrow-png){
  color:#c6de29 !important;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}
.imgBox{
  position:relative;
  height:auto;
  width:auto;
    overflow:visible !important;
}
.bottom-info{
  position:absolute;
  overflow:visible !important;
}

.mcsubs-input-prepend .mcsubs-add-on{
height:auto !important;
}

/***Access to Justice Subpages***/

/*Access to Justice Subpage heading*/
#atg-heading h1.display{
text-align:left;
}
section#atg-heading{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:30px;
  }
  #atg-heading .atg-title-wrap{
    flex: 0 1 auto;
    padding-top:25px;
  }
  #atg-heading .atg-title-wrap h1.display{
    font-size:4em;
    text-align: left;
      white-space: nowrap;
      line-height:0.9;
  
  }
  #atg-heading .atg-scales-wrap{
    flex:0 1 auto;
    text-align:right;
  }
  #atg-heading .atg-logo{
  padding: 0 0 0 10px;
  }
  #atg-heading .atg-scales{
   width:155px;
    height:auto;
  }
  
  @media(max-width:992px){
      #atg-heading .atg-title-wrap{
          text-align:center;
          padding:10px 0 20px;
      }
      #atg-heading .atg-title-wrap h1.display{
          text-align:center;
          font-size:3.5em;
          white-space:normal;
      }
      #atg-heading .atg-scales-wrap{
          display:none;
      }
  }
  
  /*Access to Justice Sub-Navigation*/
  
   #access-to-justice-nav   a.access-to-justice-programs{
    padding: 0;
    border-bottom: 1px solid rgba(183, 203, 52, .6);
      box-shadow: 0 -7px 0 rgba(183, 203, 52, .6) inset;
      margin-bottom: 10px;
  }
  #access-to-justice-nav .navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: .25rem;}
  
  #access-to-justice-nav .btn-navbar{
      display:flex;
      gap:2px;
      padding: 7px 10px;
      margin:auto;
      max-width:100%;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      border-radius: 5px;
      text-transform: uppercase;
      margin-bottom: 0;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background:var(--action);
      border-bottom:none;
      box-shadow:none;
   }
  #access-to-justice-nav .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  
  }
  #access-to-justice-nav-anchor .icon-bar{
  height: 2px;
  width: 18px;
  display: block;
  background: var(--primary) !important;
  margin:4px auto;
  }
  #access-to-justice-nav .icon-bar{
height:2px !important;
}
  #access-to-justice-nav .navbar-inner,
  #access-to-justice-nav .navbar-inner a.brand{
    margin-left:0;
  }
  
  #access-to-justice-nav .navbar-inner{
      background: rgba(252, 252, 252, 0);
      box-shadow: none;
  }
  
  #access-to-justice-nav ul.nav{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap:10px;
      justify-content: center;
  }
  #access-to-justice-nav ul.nav li{
      flex: 1 0 auto; 
      box-sizing: border-box;
  }
  #access-to-justice-nav .navbar-inner .nav li > a{
      text-align: center;
      color:var(--primary);
  background: var(--info);
      border: none;
      border-radius: 5px;
      text-shadow:none;  
      cursor:pointer;
      padding:5px;
      font-weight:normal;
      max-width:270px;
      margin:auto;
  }
  #access-to-justice-nav .navbar-inner .nav li:hover > a
  {
  background: var(--infohover);
  color:var(--primary);
  border:none;
  }
  

  #access-to-justice-nav-anchor{
  float:left;
  margin-top:9px;
    background: #b7cb34;
     border: none;
  border-color: var(--action);
  box-shadow: 0px 3px 8px #0000003D;
  }
  
  @media (min-width: 992px) { 
  #access-to-justice-nav  .navbar-expand-lg .navbar-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  
  }
  #access-to-justice-nav ul.nav li {
      max-width: 48%;
  }
  #access-to-justice-nav-anchor{
      display:none !important;
  }
  #access-to-justice-nav .navbar-expand-lg .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  }
  
  #access-to-justice-nav .access-to-justice-label{
      float:left;
      padding: 0 5px;
      color:var(--primary) !important;
  }
  #access-to-justice-nav .container{
      background: rgba(252, 252, 252, 0);
  }
  }
  @media (max-width: 992px) {
      #access-to-justice-nav #access-to-justice-programs-lg{
  display:none !important;
  }
  
  #access-to-justice-nav .container{
      display: flex;
      gap:10px;
          flex-direction: column;
          justify-content: center;
  }
  #access-to-justice-nav ul.nav li {
     flex: 1 0 100%;
  }
  
  }
/*ATJ pages bill list Styles*/
#billlist a{
            color: black;
    border-bottom: 1px solid rgba(183, 203, 52, .6);
    box-shadow: 0 -7px 0 rgba(183, 203, 52, .6) inset;
        }
        #billlist .bill-title,
        #billlist .bill-number{
            font-weight:bold;
        }
@media (max-width: 767px) {
  .row.billlist-content {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .col-sm-12-custom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-sm-8-custom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-4-custom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .display-none-md{display:none;}
}

/*ATJ Members list by supporter level styles*/
#atj-pac-levels a{
    color: black;
border-bottom: 1px solid rgba(183, 203, 52, .6);
box-shadow: 0 -7px 0 rgba(183, 203, 52, .6) inset;
}
#atj-pac-levels .row-atj-pac-levels-header{
    margin:5px 0 25px;
    text-align:center;
}
#atj-pac-levels .atj-pac-level-title,
#atj-pac-levels .atj-pac-levels-header-level h4,
#atj-pac-levels .atj-pac-levels-header-members h4{
    font-weight:bold;
}
#atj-pac-levels h4{
    margin:20px 0 5px;
    text-align:center;
}
#atj-pac-levels .member-name-single{
    margin-bottom:0;
    text-align:center;
}

#atj-pac-levels .atj-pac-members{
    display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
#level-visionary .atj-pac-members,
#level-champion .atj-pac-members
{
    gap:12px 22px;
}
#level-partner .atj-pac-members,
#level-guardian .atj-pac-members{
    gap:10px 17px;
}

#level-advocate .atj-pac-members,
#level-ally .atj-pac-members{
    gap:8px 14px;
}
@media(min-width:767px){

    #level-visionary .atj-pac-members,
#level-champion .atj-pac-members
{
    gap:0 22px;
} 
#level-partner .atj-pac-members,
#level-guardian .atj-pac-members{
    gap:0 17px;
}

#level-advocate .atj-pac-members,
#level-ally .atj-pac-members{
    gap:0 14px;
}
}



 /* Font sizing per-level */
    #level-visionary .atj-pac-level,
    #level-visionary .member-name-single {
    font-size: 1.45em
}
#level-champion .atj-pac-level,
#level-champion .member-name-single{
    font-size: 1.4em
}
#level-partner .atj-pac-level,
#level-partner .member-name-single{
    font-size: 1.35em
}
#level-guardian .atj-pac-level,
#level-guardian .member-name-single{
    font-size: 1.3em
}
#level-advocate .atj-pac-level,
#level-advocate .member-name-single{
    font-size: 1.25em
}
#level-ally .atj-pac-level,
#level-ally .member-name-single{
    font-size: 1.2em
}

#atj-pac-levels .atj-pac-level-range{
    font-size:0.85em;
    font-style:italic;
}
#atj-pac-levels .row-atj-pac-levels-content{
margin: 25px 0;
}
.hide-temporarily{
visibility: hidden !important;
height: 0 !important;

}


/*
FAQ Section 2024
*/

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

#faq h2.faq-q {
    font-family: var(--font-family-serif);
  background:#1e4673;
  color:white;
  padding:1em;
  position: relative;
}
#faq div.accordion{
  position: relative;
  margin:2em;
}
#faq input{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity:0;
  visibility: 0;
}
#faq label::before{
  content:"";
  display: inline-block;
  border: 15px solid transparent;
  border-left:20px solid white;
}
#faq label{
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
font-size:20px;
}
#faq div.faq-answer{
  display: grid;
  max-height:0;
  grid-template-rows: 0fr;
  transition: 0.25s grid-template-rows ease-in-out;
  overflow: hidden;
  background-color: white;
}
#faq div.faq-answer p {
  padding:2em;
  overflow: hidden;
}
#faq img.visualAid {
  display: flex;
  margin: 25px 0 25px 0;
  width: 100%;
  height: auto;
}
#faq input:checked ~ h2 label::before{
  border-left:15px solid transparent;
  border-top:20px solid white;
  margin-top:12px;
  margin-right:10px;
}
#faq input:checked ~ h2 ~ div.faq-answer{
  max-height: 100%;
  grid-template-rows: 1fr;
}
#faq a{
  text-decoration: none;
  border-bottom: 1px solid rgba(183, 203, 52, 0.6);
  box-shadow: 0px -7px 0 rgba(183, 203, 52, 0.6) inset;
}
#faq a:hover{
  box-shadow: 0 -10px 0 rgba(183, 203, 52, 1) inset;
}
#faq li.list-q{
  list-style-type: disc;
  display: list-item;
  margin: 2em;
  font-weight: bold;
}
#faq li.list-a{
  list-style-type: none;
  margin: 2em;
}