/* 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, 250, 235) ; 
 }

.TrustFunds
{background-color:#F0F8FF;}

.LoanProgram 
{background-color:#fff1e6;}

.TrustLands
{background-color:#f5f2ff;}

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

.LandRecords
{background-color:#fcf0ff;}

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

.HomePage 
{background-color:#FFFAEB;}

.AgencyInfo
{background-color:#FFF1E5;}

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

a:visited
{color: revert; !important;}


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

}
}*/



/* 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(4, 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(4, 8rem);
					  gap:0.25rem;
					  color:white;
					  background-color:black;
					  color:white;
					  background-color:black;
					  font-weight:bold;
					}
					
					.board-docs-container-pre2026 {
					  display:grid;
					  grid-template-columns: 7rem 19rem repeat(3, 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(3, 10rem);
					  gap:0.25rem;
					  color:white;
					  background-color:black;
					  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;
					  color:white;
					  background-color:black;
					  font-weight:bold;
					}


					.bd-column{
					  font-weight:bold;
					}
					
					.bd-column {
					  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 repeat(2, 12rem);
					  gap:0.25rem;
					  background-color:white;
					}
					.contact-container-evenrow {
					  display:grid;
					  grid-template-columns: 12rem 12rem repeat(2, 12rem);
					  gap:0.25rem;
					  background-color:whitesmoke;
					}

					
					.contact-column{
					  font-weight:normal;
					}
					
					.contact-container-header {
					  display:grid;
					  grid-template-columns: 12rem 12rem repeat(2, 12rem);
					  gap:0.25rem;
					  color:white;
					  background-color:black;
					  color:white;
					  background-color:black;
					  /*font-weight:bold;*/
					}
					
					.contact-column {
					  margin-left:0.25rem;
					}
					
					.contact-div {
						background-color:white;
						height:0.25rem;
					}

/* These are for the surplus lands page "table" */
					.surplus-land-container {
					  display:grid;
					  grid-template-columns: 6rem 8rem 9rem 25rem 8rem 6rem;
					  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 8rem 9rem 25rem 8rem 6rem;
					  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 8rem 9rem 25rem 8rem 6rem;
					  gap:0.25rem;
					  color:white;
					  background-color:black;
					  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;
					}




/* 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:60rem) {

/* 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;
				  }
				  


}

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

/* 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;
					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;
					}

}

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


/* These are for the contacts page "tables" */
				  .contact-container{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:1rem;
				    border-width:1px;
				    border-color:gray;
				    border-style: solid;
				    /*background-color:white;*/
				  }
				  .contact-container-evenrow{
				    grid-template-columns:1fr;
				    width:90%;
				    margin-left:1rem;
				    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;
				  }



  .loans-table {
	width:18rem;
  }

}


.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;

}

<style type="text/css">
  /* Targets images inside anchor tags */
  a img {
    opacity: 1;
    /* Sets the fade duration to 3 seconds */
    transition: opacity 3s ease-in-out; 
  }

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



/* BCPL Defaults for common elements */
h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20pt; 
    font-weight: bold;
}
h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16pt; 
    font-weight: bold;
}
h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14pt; 
    font-weight: bold;
}
h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt; 
    font-weight: bold;
}
/*
p, div, span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  font-style: normal;
}
*/