/* CUSTOM BCPL STYLES 
 * -------------------------- */
 .row {
   margin-left: 0px !important; 
   margin-right: 0px !important;
   /*padding: 0 -10px 0 -10px;*/ /*top, right, bottom, left */
   /*margin-bottom: -20px;*/
   }
.col-md-12 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}   
   
.flex-wrapper { 
   background-color:rgb(255, 255, 255) ; 
 }

.TrustFunds
{background-color:#FFFFFF;} /* was #F0F8FF;} */

.LoanProgram 
{background-color:#FFFFFF;} /* was #fff1e6;} */

.TrustLands
{background-color:#FFFFFF;} /* was #f5f2ff;} */

.TimberLand
{
	background-color:#FFFFFF; /* was #FFFFFF;
	/* Does not work --background-color:#EBFFEB; */
}

.LandRecords
{background-color:#FFFFFF;} /* was #fcf0ff;} */

.Board 
{background-color:#FFFFFF;} /* was #f3f3f3; margin-top:-1rem; margin-bottom:-1rem;} */

.HomePage 
{background-color:#FFFFFF;} /* was #FFFAEB;} */

.AgencyInfo
{background-color:#FFFFFF;} /* was #FFF1E5;} */

.bcpl-footer-link:visited {
	color: #e2d3ff !important;
}

.accessibleskip {
  position: absolute;
  top: 0; 
  left: -10rem !important;
  background: #ddd;
  color: #0000ff;
  padding: 8px;
  z-index: 100;
  transition: top 0.3s; 
}
.accessibleskip:focus {
  left: 1rem !important; 
}


a:visited
{color: revert !important;}

/* Overrides Bootstrap's default shadow globally */
.shadow {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.95) !important;
}

/* Overrides all Bootstrap card corners globally */
.card {
  border-radius: 16px !important;
}


/* These do not work
#DeltaPlaceHolderMain {
    background-color: var(--background-color); !important; 
#DeltaPlaceHolderMain {
   margin-left: -20px; 
   margin-right: -20px;

}
}*/

/* make page check image a little smaller at large screen sizes */
.library-aid-page-check {
	max-width: 50%;
    display: block;
    margin: auto;
}
.library-aid-landing-page-check {
	max-width: 15rem;
    display: block;
    margin: auto;
}

/* BCPL overrides for navbar */
.navbar {background-color:white;}
@media (max-width: 50000px) {
    .navbar-expand-lg .navbar-nav {
        flex-wrap: wrap;
    	justify-content: flex-start;
    }
}

@media (max-width: 10000rem) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
    }
    .navbar-expand-lg .navbar-collapse.show {
        display: block !important;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
}




/* These are for the board documents page "tables" */
					.bd-card {
						margin-left: -webkit-calc(50vw - 30rem);
    					margin-left: calc(50vw - 30rem);
						/*margin-left: 50vw;*/
					}

					.board-docs-container {
					  display:grid;
					  grid-template-columns: 7rem 17rem repeat(2, 8rem);
					  margin-top:0.25rem;
					  margin-bottom:0.25rem;
					  gap:0.25rem;
					  background-color:white;
					}
					
					.board-docs-container-header {
					  display:grid;
					  grid-template-columns: 7rem 17rem repeat(2, 8rem);
					  gap:0.25rem;
					  color:white;
					  background-color:black;
					  font-weight:bold;
					}
					
					.board-docs-container-pre2026 {
					  display:grid;
					  grid-template-columns: 7rem 19rem repeat(2, 10rem);
					  margin-top:0.25rem;
					  margin-bottom:0.25rem;
					  gap:0.25rem;
					  background-color:white;
					}
					
					.board-docs-container-header-pre2026 {
					  display:grid;
					  grid-template-columns: 7rem 19rem repeat(2, 10rem);
					  gap:0.25rem;
					  color:white;
					  background-color:black;
					  font-weight:bold;
					}

					.board-docs-container-pre2015 {
					  display:grid;
					  grid-template-columns: 10rem 20rem repeat(2, 13rem);
					  margin-top:0.25rem;
					  margin-bottom:0.25rem;
					  gap:0.25rem;
					  background-color:white;
					}
					
					.board-docs-container-header-pre2015 {
					  display:grid;
					  grid-template-columns: 10rem 20rem repeat(2, 13rem);
					  gap:0.25rem;;
					  color:white;
					  background-color:black;
					  font-weight:bold;
					}


					.bd-column{
					  font-weight:bold;
					  margin-left:0.25rem;
					}
					
					.board-docs-hr {
						background-color:#92c0e0;
						height:0.1rem;
						border:none;
						margin-top:0.25rem;
						margin-bottom:0.25rem;
					}

/* These are for the contacts page "tables" */
					.contact-container {
					  display:grid;
					  grid-template-columns: 12rem 12rem 15rem repeat(2, 12rem);
					  gap:0.25rem;
					  background-color:white;
					}
					.contact-container-evenrow {
					  display:grid;
					  grid-template-columns: 12rem 12rem 15rem repeat(3, 12rem);
					  gap:0.25rem;
					  background-color:whitesmoke;
					}
					
					.contact-container-header {
					  display:grid;
					  grid-template-columns: 12rem 12rem 15rem repeat(3, 12rem);
					  gap:0.25rem;
					  color:white;
					  background-color:black;
					  /*font-weight:bold;*/
					}
					
					.contact-column {
					  font-weight:normal;
					  margin-left:0.25rem;
					}
					
					.contact-div {
						background-color:white;
						height:0.25rem;
					}

					.contact-email-column {
						font-size: 10pt;
					  margin-left:0.25rem;
					}


/* These are for the surplus lands page "table" */
					.surplus-land-container {
					  display:grid;
					  grid-template-columns: 6rem 10rem 8rem 9rem 25rem 8rem 8rem;
					  gap:0.25rem;
					  background-color:white;
					  border: 0.1rem lightgray solid;
					  padding-left:0.2rem;
					}
					
					.surplus-land-container-evenrow {
					  display:grid;
					  grid-template-columns: 6rem 10rem 8rem 9rem 25rem 8rem 8rem;
					  gap:0.25rem;
					  background-color:whitesmoke;
					  border: 0.1rem lightgray solid;
					  padding-left:0.2rem;
					}
					
					.surplus-land-column{
					  font-weight:normal;
					}
					
					.surplus-land-container-header {
					  display:grid;
					  grid-template-columns: 6rem 10rem 8rem 9rem 25rem 8rem 8rem;
					  gap:0.25rem;
					  color:white;
					  color:white;
					  background-color:black;
					  font-weight:bold;
					  text-align:center;
					}
					
					.surplus-land-column {
					  margin-left:0.25rem;
					}
					
					.surplus-land-div {
						background-color:white;
						height:0.1rem;
					}
				    .sl-money-column {
				   	  text-align:right;
			  		  padding-right:1rem;
				    }
					.surplus-land-hr {
						background-color:#CCCCCC;
						height:0.1rem;
						border:none;
						margin-top:0rem;
						margin-bottom:0rem;
					}

					.surplus-land-countyspan {
						display:none;
					}


/* These are for the loan calculator page results "table" */
					.loan-calculator-container {
					  display:grid;
					  grid-template-columns: 4rem 5rem repeat(5, 10rem);
					  gap:0.25rem;
					  background-color:white;
					  border: 0.1rem lightgray solid;
					  padding-left:0.2rem;					}
					.loan-calculator-container-evenrow {
					  display:grid;
					  grid-template-columns: 4rem 5rem repeat(5, 10rem);
					  gap:0.25rem;
					  background-color:whitesmoke;
					  border: 0.1rem lightgray solid;
					  padding-left:0.2rem;
					}
					
					.loan-calculator-column{
					  font-weight:normal;
					  margin-left:0.25rem;
					}
					
					.loan-calculator-container-header {
					  display:grid;
					  grid-template-columns: 4rem 5rem repeat(5, 10rem);
					  gap:0.25rem;
					  color:white;
					  background-color:#154983;
					  font-weight:bold;
					  text-align:center;
					}
					
					
					.loan-calculator-div {
						background-color:white;
						height:0.1rem;
					}
				    .lc-money-column {
				   	  text-align:right;
			  		  padding-right:1rem;
				    }
					.loan-calculator-hr {
						background-color:#CCCCCC;
						height:0.1rem;
						border:none;
						margin-top:0rem;
						margin-bottom:0rem;
					}
					
					.lc-hidden-heading-span {
						display:none;
					}



/* These are for the timber sale plan "tables" */
					.timber-sale-plan-container {
					  display:grid;
					  grid-template-columns: 6rem 10rem 4rem 12rem 10rem 16rem;
					  gap:0.25rem;
					  background-color:white;
					  text-align:center;
					}
					
					.timber-sale-plan-sum-container {
					  display:grid;
					  grid-template-columns: 6rem 10rem 4rem 12rem 10rem 16rem;
					  gap:0.25rem;
					  background-color:white;
					  font-weight:bold;
					}
					
					.timber-sale-plan-container-header {
					  display:grid;
					  grid-template-columns: 6rem 10rem 4rem 12rem 10rem 16rem;
					  gap:0.25rem;
					  color:white;
					  background-color:#114411;
					  color:white;
					  font-weight:bold;
					  text-align:center;
					}
					
					.timber-sale-plan-column {
					  margin-left:0.25rem;
					  /*font-weight:normal;*/
					}
					
					.timber-sale-plan-acres-column {
					  margin-left:0rem;
					  text-align:center;
					}
					
					.timber-sale-plan-div {
						background-color:white;
						height:0.25rem;
					}

					.timber-sale-plan-hr {
						background-color:#92c0e0;
						height:0.1rem;
						border:none;
						margin-top:0.25rem;
						margin-bottom:0.25rem;
					}
					.timber-sale-plan-hiddenspan {
						display: none;
					}






/* This section governs how display changes when screen width narrows beneath max-widge specification */
@media only screen and (max-width: 400px) {
    .dropdown-item {
        font-size: 12pt;
    }
}


/* This section governs how display changes when screen width narrows beneath max-widge specification */
@media screen and (max-width:50rem) {


/* These are for the board documents page "tables" */
					.bd-card {
						/*margin-left: -webkit-calc(50cqw - 50vw);
    					margin-left: calc(50cqw - 50vw);*/
    					margin-left: 0rem;
						text-align: center;
					}
					
				  .board-docs-container{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:5%;
				    margin-right:5%;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    text-align:left;
				    /*background-color:white;*/
				  }
				  .board-docs-container-header{
				    display:none;
				  }
				  					
				  .board-docs-container-pre2026{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:5%;
				    margin-right:5%;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    text-align:left;
				    /*background-color:white;*/
				  }
				  .board-docs-container-header-pre2026{
				    display:none;
				  }
					
				  .board-docs-container-pre2015{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:5%;
				    margin-right:5%;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    text-align:left;
				    /*background-color:white;*/
				  }
				  .board-docs-container-header-pre2015{
				    display:none;
				  }

				  
				  
				  .board-docs-hr {
			 		background-color:#FFFFFF;
					height:0.50rem;
					border:none;
					margin-top:0.25rem;
					margin-bottom:0.25rem;
		   		  }
				
				  .bd-header1 {
					color:white;
					background-color:black;
					font-weight:bold;
					padding-left:2rem;
				  }
				    .bd-header2 {
					padding-left:2rem;
				  }
				    .bd-column {
					padding-left:2rem;
				  }


  .loans-table {
	width:18rem;
  }

}

/* This section governs how display changes when screen width narrows beneath max-widge specification */
@media screen and (max-width:60rem) {



/* These are for the loan calculator page "table" */
				  .loan-calculator-container{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:0.5rem;
				    padding-left:0rem;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    /*background-color:white;*/
				  }
				  .loan-calculator-container-evenrow{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:0.5rem;
				    padding-left:0rem;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    background-color:white;
				  }

				  
				  .loan-calculator-container-header{
				    display:none;
				
				
				  }
				  .loan-calculator-hr {
			 		background-color:#FFFFFF;
					height:0.50rem;
					border:none;
					margin-top:0.25rem;
					margin-bottom:0.25rem;
		   		  }
				  .loan-calculator-header1 {
					color:black;
					background-color:lightgray;
					font-weight:bold;
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }
				    .loan-calculator-header2 {
					padding-left:0.75rem;
					padding-right:0.75rem;
					background-color:lightgray;
					margin-top:-0.25rem;
					font-weight:bold;
					border-bottom: 0.1rem gray solid;

				  }
				    .loan-calculator-column {
					padding-left:0.75rem;
					padding-right:0.75rem;
					margin-left:0rem;
					border-bottom: 0.1rem gray solid;
				  }
				  .lc-money-column {
					text-align:left;
					padding-right:0rem;
				  }

				  .lc-hidden-heading-span {
					display:inline;
				  }

				  

}


@media screen and (max-width:65rem) {
	
/* These are for the contacts page "tables" */
				  .contact-container{
				    grid-template-columns:1fr;
				    width:80%;
				    margin-left:10%;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    /*background-color:white;*/
				  }
				  .contact-container-evenrow{
				    grid-template-columns:1fr;
				    width:80%;
				    margin-left:10%;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    background-color:white;
				  }

				  
				  .contact-container-header{
				    display:none;
				
				
				  }
				  .contact-div {
					background-color:transparent;
					height:2rem;
				  }
				
				  .contact-header1 {
					color:black;
					background-color:lightgray;
					font-weight:bold;
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }
				    .contact-header2 {
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }
				    .contact-column {
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }

					.contact-email-column {
					  margin-left:0.75rem;
					}
}

/* This section governs how display changes when screen width narrows beneath max-widge specification */
@media screen and (max-width:70rem) {
/* These are for the timber sale page "tables" */
				  .timber-sale-page-container{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:1rem;
				    padding-left:0rem;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    gap:0;
					text-align:left;
				    /*background-color:white;*/
				  }
				  .timber-sale-page-acres-column{
					padding-left:0.75rem;
					padding-right:0.75rem;
					margin-left:0rem;
					border-bottom: 0.1rem gray solid;

				    text-align:left;
				    /*background-color:white;*/
				  }
					
					.timber-sale-page-sum-container {
				    display:none;
					}

				  .timber-sale-page-container-header{
				    display:none;
				  }
					
				  .timber-sale-page-hr {
			 		background-color:#FFFFFF;
					height:0.50rem;
					border:none;
					margin-top:0.25rem;
					margin-bottom:0.25rem;
		   		  }
				
				  .timber-sale-page-header1 {
					color:white;
					background-color:#aaddaa;
					font-weight:bold;
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }

				  .timber-sale-page-header2 {
					color:white;
					background-color:#aaddaa;
					font-weight:bold;
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }
				  
 			       .timber-sale-page-column {
					padding-left:0.75rem;
					padding-right:0.75rem;
					margin-left:0rem;
					border-bottom: 0.1rem gray solid;
				  }

					.timber-sale-page-hiddenspan {
						display: inline;
					}

				  
/* These are for the timber sale plan "tables" */
				  .timber-sale-plan-container{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:1rem;
				    padding-left:0rem;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    gap:0;
					text-align:left;
				    /*background-color:white;*/
				  }
				  .timber-sale-plan-acres-column{
					padding-left:0.75rem;
					padding-right:0.75rem;
					margin-left:0rem;
					border-bottom: 0.1rem gray solid;

				    text-align:left;
				    /*background-color:white;*/
				  }
					
					.timber-sale-plan-sum-container {
				    display:none;
					}

				  .timber-sale-plan-container-header{
				    display:none;
				  }
					
				  .timber-sale-plan-hr {
			 		background-color:#FFFFFF;
					height:0.50rem;
					border:none;
					margin-top:0.25rem;
					margin-bottom:0.25rem;
		   		  }
				
				  .timber-sale-plan-header1 {
					color:white;
					background-color:#114411;
					font-weight:bold;
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }

				  .timber-sale-plan-header2 {
					color:white;
					background-color:#114411;
					font-weight:bold;
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }
				  
 			       .timber-sale-plan-column {
					padding-left:0.75rem;
					padding-right:0.75rem;
					margin-left:0rem;
					border-bottom: 0.1rem gray solid;
				  }

					.timber-sale-plan-hiddenspan {
						display: inline;
					}
}

/* This section governs how display changes when screen width narrows beneath max-widge specification */
@media screen and (max-width:80rem) {

/* These are for the surplus lands page "table" */
				  .surplus-land-container{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:1rem;
				    padding-left:0rem;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    /*background-color:white;*/
				  }
				  .surplus-land-container-evenrow{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:1rem;
				    padding-left:0rem;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    background-color:white;
				  }

				  
				  .surplus-land-container-header{
				    display:none;
				
				
				  }
				  .surplus-land-hr {
			 		background-color:#FFFFFF;
					height:0.50rem;
					border:none;
					margin-top:0.25rem;
					margin-bottom:0.25rem;
		   		  }
				  .surplus-land-header1 {
					color:black;
					background-color:lightgray;
					font-weight:bold;
					padding-left:0.75rem;
					padding-right:0.75rem;
				  }
				    .surplus-land-header2 {
					padding-left:0.75rem;
					padding-right:0.75rem;
					background-color:lightgray;
					margin-top:-0.25rem;
					font-weight:bold;

				  }
				    .surplus-land-header3 {
					padding-left:0.75rem;
					padding-right:0.75rem;
					background-color:lightgray;
					margin-top:-0.25rem;
					font-weight:bold;
					border-bottom: 0.1rem gray solid;

				  }

				    .surplus-land-column {
					padding-left:0.75rem;
					padding-right:0.75rem;
					margin-left:0rem;
					border-bottom: 0.1rem gray solid;
				  }
				  .sl-money-column {
					text-align:left;
					padding-right:0rem;
				  }

					.surplus-land-countyspan {
						display: inline;
					}
}


.BcplInline
{
display:inline-block;
padding:1rem 0.5rem 1rem 0.5rem;
margin:1.5rem;
border:1px solid grey;
border-radius:10px;
box-shadow:0 0 10px;
vertical-align:top;
background-color: #ffffff;
}

.BcplInlineTD
{
	width: 31rem;
	height: 19rem;
}

.BcplInlineNested
{
display:inline-block;
padding:0.5rem 0.25rem 0.5rem 0.25rem;
margin:1.25rem;
border:0.1rem solid grey;
border-radius:10px;
/*box-shadow:0 0 10px; */
vertical-align:top;
background-color: #ffffff;
}

.BcplDivContainer
{
	width: 80%;
	min-width: 400px;
    margin: 0 auto;

}


  /* Targets images inside anchor tags */
  a img {
    opacity: 1;
    /* Sets the fade duration to 1 seconds */
    transition: opacity 1s ease-in-out; 
  }

  /* Triggers the fade to 30% on hover */
  a:hover img {
    opacity: 0.6; /* 60% visibility */
  }




/* BCPL Defaults for common elements */
h1 {
    font-family: "Copperplate", "Copperplate Gothic Light", "Palladio Linotype", 
             "Charter", "Georgia", "Times New Roman", "Times", 
             "Book Antiqua", "Garamond", serif !important;
    font-size: 20pt !important; 
    font-weight: bold !important;
    text-align: center !important;
	color: black !important;
}
h2 {
    font-family: "Copperplate", "Copperplate Gothic Light", "Palladio Linotype", 
             "Charter", "Georgia", "Times New Roman", "Times", 
             "Book Antiqua", "Garamond", serif !important;
    font-size: 16pt !important; 
    font-weight: bold !important;
    padding-bottom: 0.25rem;
	color: black !important;
}
h3 {
    font-family: "Copperplate", "Copperplate Gothic Light", "Palladio Linotype", 
             "Charter", "Georgia", "Times New Roman", "Times", 
             "Book Antiqua", "Garamond", serif !important;
    font-size: 13pt !important; 
    font-weight: bold !important;
	color: black !important;
}
h4 {
    font-family: "Copperplate", "Copperplate Gothic Light", "Palladio Linotype", 
             "Charter", "Georgia", "Times New Roman", "Times", 
             "Book Antiqua", "Garamond", serif v;
    font-size: 10pt !important; 
    font-weight: bold !important;
	color: black !important;
}
a {
	font-weight: bold;
}
/*
p, div, span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  font-style: normal;
}
*/
















/*BARE customizations*/ /*BARE customizations*/ /*BARE customizations*/ /*BARE customizations*/ /*BARE customizations*/ /*BARE customizations*/ /*BARE customizations*/
.sitetagline {
    font-family: "Georgia", "Times New Roman", "Times", 
             "Book Antiqua", "Garamond", serif !important;
    font-size: 16pt !important; 
    font-weight: normal;
    font-style: italic;
    color: #000000;
    text-align:center;
    padding-top: 5.25rem;
}
.sitetaglinemobile {
    display:none;
}

.readershomeimage {
	opacity: 0.75;

}

.landing-page-circle-text {
	font-family: calibri, candara, segoe ui, optima, arial, sans-serif; 
	font-weight: bold; 
	margin-bottom: 0.5rem;
	font-size: 14pt;
	color: green;
}
.landing-page-circle-text-long {
	font-size: 14pt;
}

.custom-square-grid-card {
	/*border: 0.25rem solid #333333;*/
    border: none; 
    box-shadow: 0 0 1rem rgba(0, 102, 0, 0.65); 
    transition: box-shadow 0.3s ease, transform 0.3s ease; 

    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    
    /* 2. Add this to make sure the circle never exceeds its grid column width */
    width: min(100%, max(13rem, 90%));
    max-width: 15rem;
    max-height: 15rem;
    
    /* Fallback for older browsers that don't support aspect-ratio
    min-height: 15rem;  */
    
    /* Flex alignment to center the text text inside the box */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem; /* Keeps your spacing below *//* Spacing for stacked mobile view */
    background-color: #ffffff;
  }

a.card-wrapper-link-ease {
  text-decoration: none;
  color: inherit;
  display: block; /* Ensures the link takes up the full space */
}
/* 3. The Hover State (Triggered by the wrapping 'a' tag) */
a.card-wrapper-link-ease:hover .custom-square-grid-card {
  /* Concentric shadows: Keeps the base glow AND adds a prominent highlight color */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 0 0 4px #0d6efd; 
  
  /* Optional: Slight lift effect to make it feel tactile and clickable */
  transform: translateY(-4px); 
}
.text-plain-main {
	margin-left: 5rem;
	margin-right: 5rem;
	margin-top: 1rem;
}

.plain-bcpl-image {
  width: 100%;
  max-width: 60rem;
  height: auto; 
}

.h1-image {
  width: 100%;
  max-width: 60rem;
  height: auto; 
  margin: 0 auto; 

}


.card-link-wrapper {
  text-decoration: none !important; /* Removes the underline from the entire block */
  color: inherit; /* Forces text inside to keep its native dark grey/black styling */
  display: block; /* Ensures the anchor expands to the full clickable width of the column */
}

/* Optional Visual Feedback: Changes the border color slightly when an anonymous user hovers over it */
.card-link-wrapper:hover .custom-square-grid-card {
  border-color: #0056b3; /* Swaps the 2px dark gray border to an active blue indicator */
  cursor: pointer;
}




/* Hide the default icon, show "Menu" text */
.navbar-toggler .navbar-toggler-icon {
  display: none !important;
}

.navbar-toggler {
  min-width: 60px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: bold;
}

.navbar-toggler:focus {
  box-shadow: none !important;
  outline: 2px solid #0d6efd;
}


.navbarnavtop {
	top: calc(100% - 6rem); 
}



/* specific mobile hacks */
/* bootstrap breakpoint widths are 576px, 768px, 992px, 1200px, 1400px */
@media screen and (max-width:62rem) {
	.navbarnavtop {
		top: calc(100%); 
	}

	.library-aid-page-check {
		max-width: 90%;
		display: block;
		margin: auto;
	}
	.library-aid-landing-page-check {
		width:15rem;
		max-width: 100%;
	}
}


@media screen and (max-width:30rem) {
	.text-plain-main {
		margin: 1rem;
	}
	.custom-square-grid-card {
	    /* Add this to make sure the circle never exceeds its grid column width */
	    width: 80%; 
	    
	}
	.navbarnavtop {
		top: calc(100%); 
	}

	.sitetagline {
	    display:none;
	}

	.sitetaglinemobile {
	    font-family: "Georgia", "Times New Roman", "Times", 
	             "Book Antiqua", "Garamond", serif !important;
	    font-size: 16pt !important; 
	    font-weight: normal;
	    font-style: italic;
	    color: #000000;
	    text-align:center;
	    display: inline;
	}

	.small-illustration {
		text-align:center;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media screen and (max-width:60rem) {
	.sitetagline {
    	padding-top: 0rem;
	}
}
@media screen and (min-width:48rem) and (max-width:62rem) {
	.landing-page-circle-text-long {
    	font-size: 12pt;
	}
}





/* ====== RESPONSIVE PAGE BANNER ====== */

/* Desktop: Show larger image, hide smaller one */
.banner-desktop {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

.banner-mobile {
    display: none;
}

/* Mobile/Tablet: Show smaller image, hide desktop one */
@media screen and (max-width: 768px) {
    .banner-desktop {
        display: none;
    }
    
    .banner-mobile {
        display: block;
        max-width: 100%;
    	width: auto;
        height: auto;
        margin: auto auto auto auto;
    }
}

/* Center the image container and remove blank space gaps */
.responsive-page-banner {
    text-align: center;
    padding: 0;
}

.responsive-page-banner img {
    display: block; /* Safer than line-height: 0 for eliminating bottom gaps */
    margin: 0 auto; /* Ensures centering */
}


/* Use this class to keep text together without breaking across lines (ex: "( xyz )") */
.keep-text-block-solid {
  white-space: nowrap; 
  text-wrap: nowrap;  
}